Integrer kode

Sådan opsætter du Embed-koden til din Event Slider

Del dette opslag

Med en Timely konto, kan du nemt integrere en begivenhedsskyder på dit websted for at vise begivenheder online. Når du indlejrer skyder-widgetten, opdateres alle ændringer, der er foretaget til dine offentliggjorte begivenheder, automatisk på dit websted. I dette indlæg lærer du alle trinene til at konfigurere indlejringskoden til din begivenhedsskyder.

1. Fordele ved at have en Event Slider på dit websted

Det er nemt at drage fordel af en online begivenhedskalender Timely. For at fremhæve specifikke begivenheder anbefaler vi at tilføje en smuk og engagerende begivenhedsskyder til dit websted.

Timely hændelsesskyder-widget er en effektiv måde at vise begivenheder på din hjemmeside. Ved at bruge skydervisningen kan du vise begivenheder som et diasshow. Skyderen viser én begivenhed pr. slide, hvilket øger begivenhedsbevidstheden og engagementet. Se den i aktion i vores hændelsesskyder-widget-demoside.

2. Understøttede indholdsstyringssystemer (CMS). 

Timely's begivenhedsplatform og widgets kan indlejres på enhver offentlig eller privat hjemmeside eller mobilapplikation. De fungerer perfekt med mange webstedsindholdsplatforme, herunder men ikke begrænset til:

  • WordPress
  • HTML
  • Shopify
  • Wix
  • Squarespace
  • Joomla
  • Drupal
  • Magento / Adobe Commerce
  • Adobe Experience Manager
  • Weebly
  • GoDaddy
  • MicroSoft SharePoint / Power Pages
  • Agility

Uanset hvilket CMS du bruger, er de generelle instruktioner til opsætning af indlejringskoden til din hændelsesskyder den samme. Fortsæt med at læse for at lære mere. 

3. Opsætning af din Event Slider Embed-kode

Ved at tilføje en hændelsesskyder indlejringskode på dit CMS giver dig mulighed for at udgive et begrænset antal hændelser på en smuk skyderwidget. Hvis du har en bestemt type begivenheder, som du vil vise på skyderen, anbefales det at tilpasse widget-indlejringskoden.

Se trin-for-trin instruktionerne nedenfor:

  1. Log ind på din Timely konto.
  2. Klik på i hovednavigationsmenuen Indstillingerog derefter videre Integrer kode. Du kan også bruge genvejen i øverste højre hjørne af dit dashboard.
  3. Derefter åbnes en ny side, der viser alle dine indlejringskodeindstillinger og -præferencer. I øjeblikket er der 4 indlejrede kodetyper, du kan vælge imellem: Kalender, Karrusel, Skyder og Tilføj begivenhedsknap.
  4. Da dette indlæg handler om, hvordan du opsætter indlejringskoden til din begivenhedsskyder, skal du på Indlejringstype, Vælg skyderen valgmulighed.
print skærm af Timely event management software skyder mulighed for indlejring af kode

Hvis du ikke ønsker at tilpasse indlejringskoden, kan du gå direkte til widgetkodeafsnittet nedenfor (6. Opsætning af din skyder iFrame-indlejringskode). Ellers fortsæt med at læse dette indlæg for at lære mere.  

4. Avancerede indstillinger

Lige under skyderen mulighed for indlejring af kodetype, vil du se Avancerede indstillinger Drop down menu. Disse indstillinger vil være forskellige afhængigt af den valgte indlejringskodetype.

Sådan redigerer du din hændelsesskyder-widget-indlejringskode Avancerede indstillinger:

Max skyderbredde

Med denne funktion kan du vælge den maksimale bredde for din skyder i henhold til den tilgængelige plads til denne widget på din webside.

print skærm af Timely hændelsesstyringssystem max skyderbreddeindstillinger

Skyder forsinkelsestid

Hvis du ønsker det, kan du vælge forsinkelsestiden for hvert begivenhedsindlæg, der vises på skyderen (i sekunder).

print skærm af Timely indstillinger for forsinkelsestid for hændelsesstyringssystem

Datointerval

Hvis du ønsker det, kan du vælge datointervallet for de begivenheder, der vil blive vist på din skyder-widget. Mulighederne er følgende:

  • Kommende arrangementer
  • Dagens begivenheder
  • Starter i morgen
  • Tilpasset datointerval
  • Næste n dage
  • Næste n begivenheder

Hvis du kun ønsker at vise begivenheder, der er markeret som vist i din kalender, skal du blot markere afkrydsningsfeltet Udvalgte begivenheder.

print skærm af Timely hændelsesstyringssystem skyder fremhævede begivenhedsindstillinger

5. filtre

Desuden kan du bestemme, hvilke begivenheder der skal vises i skyderen ved at anvende dine forudindstillede filtre. Du kan vælge dine kategorier, tags, organiserer, spillesteder og alle de andre tilpassede filtre, som du måske har oprettet. Dette vil hjælpe dig med kun at vise de begivenheder, som du ønsker, at din kunde skal se.

print skærm af Timely indstillinger for filterindstillinger for hændelsesstyringssystem

6. Kopiering af din skyder iFrame Embed-kode

Efter at have tilpasset din skyderindlejringskode avancerede indstillinger og filtre, kan du gå videre og generere indlejringskoden. Bare følg instruktionerne nedenfor:

  1. Klik på knappen Widget-kode (kopiér den til dit websted) filtrer og vælg muligheden iFrame Embed – Javascript.
  2. Klik på knappen Kopiér uddrag knappen for at kopiere din indlejringskode.
print skærm af Timely hændelsesstyringssystem skyder indlejring kode generator

Dernæst skal du bare indsætte koden på bagenden af ​​din hjemmeside for at vise din Timely skyderen. Klik på linkene nedenfor for at se detaljerede instruktioner om, hvordan du indlejrer skyder-widgetkoden på følgende indholdsstyringssystemer:

For instruktioner om hvordan man installerer Timely kalender og widgets på andre CMS eller mobilapplikationer, tak kontakte kundesupport.

For mere brugervejledning, gå venligst til vores Help Center. Hvis du har spørgsmål eller har brug for yderligere hjælp, så tøv ikke med kontakt os. Alternativt kan du åbne en supportbillet fra din Timely kontos dashboard.