Inbäddad kod

Så här ställer du in inbäddningskoden för din evenemangskarusell

Dela detta inlägg

Med en Timely konto kan du enkelt skapa en evenemangskarusell på din webbplats för att visa evenemang online. När karusellwidgeten är installerad uppdateras alla ändringar som görs av dina valda händelser automatiskt på karusellen på din webbplats. I det här inlägget kommer du att lära dig alla steg för att ställa in inbäddningskoden för din evenemangskarusell.

Skapa en onlinekalender och händelsewidgets för din webbplats är enkelt med Timely.

För att lyfta fram specifika evenemang på ett roligt och uppseendeväckande sätt, överväg att lägga till en evenemangskarusell på din webbplats. Med Timely karusellvy kan du visa upp till 12 evenemang i rad med upp till 4 evenemang åt gången. Se den live i vår evenemang karusell widget demo sida.

Att visa händelser på en karusell-erbjudanden kommer att göra din webbplats mer intressant och engagerande. Faktum är att en karusell med evenemang kan förbättra webbsidans design och hur din publik interagerar med ditt evenemangsinnehåll.

2. Content Management System (CMS) som stöds 

Timelys eventplattform och widgets kan bäddas in på alla offentliga eller privata webbplatser eller mobilapplikationer. De fungerar perfekt med många webbplatsinnehållsplattformar, inklusive men inte begränsat till:

  • Wordpress
  • html
  • Shopify
  • Wix
  • Squarespace
  • Joomla
  • Drupal
  • Magento / Adobe Commerce
  • Adobe Experience Manager
  • Weebly
  • Kör pappa
  • MicroSoft SharePoint / Power Pages
  • Rörlighet

Oavsett vilket CMS du använder är de allmänna instruktionerna för att ställa in inbäddningskoden för din evenemangskarusell desamma. Fortsätt läsa för att lära dig mer. 

Genom att lägga till en inbäddningskod för evenemangskarusell på baksidan av din webbplats kan du publicera ett begränsat antal evenemang på en visuellt tilltalande karusellwidget. Om du har en viss typ av händelser som du vill visa på karusellen, rekommenderas att du anpassar widgetens inbäddningskod.

Se steg-för-steg-instruktionerna nedan:

  1. Logga in på din Timely konto.
  2. Klicka på i huvudnavigeringsmenyn Inställningaroch sedan vidare Inbäddade koden. Du kan också använda genvägen i det övre högra hörnet av din instrumentpanel.
  3. Sedan öppnas en ny sida som visar alla dina inbäddningskodalternativ och inställningar. För närvarande finns det fyra typer av inbäddningskoder du kan välja mellan: Kalender, Karusell, Skjutreglage och Lägg till händelseknapp.
  4. Eftersom det här inlägget handlar om hur du ställer in inbäddningskoden för din evenemangskarusell, på Typ av inbäddning, Välj den karusell alternativ.
print screen av Timely event management programvara karusell inbädda kod alternativ

Om du inte vill anpassa inbäddningskoden kan du gå direkt till widgetkodavsnittet nedan (6. Konfigurera din Carousel iFrame-inbäddningskod). Annars, fortsätt att läsa det här inlägget för att lära dig mer.  

Precis nedanför karusell alternativet för bädda in kodtyp kommer du att se avancerade inställningar rullgardinsmenyn. Dessa inställningar kommer att vara olika beroende på vilken typ av inbäddningskod som valts.

Så här redigerar du din inbäddningskod för din händelsekarusellwidget Avancerade inställningar:

Max evenemang att visa

Med den här funktionen kan du välja att visa upp till 12 händelser i en karusell. Skriv helt enkelt önskat antal händelser på rutan.

print screen av Timely evenemangshanteringsprogram karusell max händelser att visa alternativ

Max händelser per sida

Om du vill kan du även visa mer än en händelse samtidigt i din karusell. Det maximala antalet händelser som kan visas samtidigt är 4.

utskriftsskärm för förhandsvisning av max händelse per sida

Skjutreglage fördröjningstid

Om du vill kan du välja fördröjningstiden för varje evenemangsinlägg som visas på skjutreglaget (i sekunder).

print screen av Timely inställningar för fördröjningstid för händelsehanteringssystem

Datumintervall

Använd datumintervallsalternativet för att välja ett specifikt datumintervall för händelserna som kommer att visas i din karusell. Alternativen är följande:

  • Kommande evenemang
  • Dagens händelser
  • Börjar imorgon
  • Anpassat datumintervall
  • Nästa n dagar
  • Nästa n evenemang

Om du vill att din karusell endast ska visa händelser som är markerade som presenterade i din kalender, markera helt enkelt rutan Utvalda evenemang.

print screen av Timely händelsehanteringssystem karusell presenterade händelseinställningar

5. filter

Utöver de avancerade inställningarna som förklaras ovan kan du även visa upp en karusell med filtrerade händelser. Du kan välja dina kategorier, taggar, organiserar, arenor och alla andra anpassade filter som du kanske har skapat.

print screen av Timely händelsehanteringssystem inbäddade kodfilterinställningar

Efter att ha anpassat din karusellinbäddningskod avancerade inställningar och filter kan du fortsätta och generera inbäddningskoden. Följ bara instruktionerna nedan:

  1. Klicka på Widgetkod (kopiera den till din webbplats) filtrera och välj alternativet iFrame Embed – Javascript.
  2. Klicka på Kopiera utdrag för att kopiera din inbäddningskod.
print screen av Timely händelsehanteringssystem bädda in kodgenerator

Därefter behöver du bara klistra in koden på baksidan av din webbplats för att visa din Timely evenemangskarusell. Klicka på länkarna nedan för att se detaljerade instruktioner om hur du bäddar in karusellwidgetkoden i följande innehållshanteringssystem:

För instruktioner om hur man installerar Timely kalender och widgets på andra CMS eller mobilapplikationer, tack kontakta kundsupport.

För mer användarvägledning, gå till vår Hjälpcenter. Om du har några frågor eller behöver ytterligare hjälp, tveka inte kontakta oss. Alternativt kan du öppna en supportbiljett från din Timely kontots instrumentpanel.