Hoe u de insluitcode voor uw evenementencarrousel instelt

Deel deze berichten

Met een Timely account, kunt u eenvoudig een evenementencarrousel op uw website maken om evenementen online weer te geven. Zodra de carrouselwidget is geïnstalleerd, worden alle wijzigingen die in uw geselecteerde evenementen zijn aangebracht, automatisch bijgewerkt in de carrousel op uw website. In dit bericht leer je alle stappen om de insluitcode voor je evenementencarrousel in te stellen.

Een online agenda maken en evenementwidgets voor uw website is eenvoudig met Timely.

Om specifieke evenementen op een leuke en opvallende manier onder de aandacht te brengen, kunt u overwegen om een ​​evenementencarrousel aan uw website toe te voegen. Met Timely carrouselweergave, kunt u maximaal 12 evenementen achter elkaar weergeven met maximaal 4 evenementen tegelijk. Zie het live in onze evenementen carrousel widget demo pagina.

Door evenementen op een carrouselaanbiedingen weer te geven, wordt uw website interessanter en aantrekkelijker. Een carrousel met evenementen kan inderdaad het ontwerp van webpagina's en de manier waarop uw publiek omgaat met de inhoud van uw evenement verbeteren.

2. Ondersteunde contentmanagementsystemen (CMS). 

TimelyHet evenementplatform en de widgets van het evenement kunnen worden ingesloten in elke openbare of particuliere website of mobiele applicatie. Ze werken perfect met veel website-inhoudsplatforms, inclusief maar niet beperkt tot:

  • WordPress
  • HTML
  • Shopify
  • Wix
  • SquareSpace
  • Joomla
  • Drupal
  • Magento/Adobe Commerce
  • Adobe Experience Manager
  • weebly
  • GoDaddy
  • MicroSoft SharePoint/PowerPages
  • Behendigheid

Ongeacht het CMS dat je gebruikt, de algemene instructies voor het instellen van de insluitcode voor je evenementencarrousel zijn hetzelfde. Lees verder voor meer informatie. 

Door een insluitcode voor een evenementencarrousel toe te voegen aan de backend van uw website, kunt u een beperkt aantal evenementen publiceren op een visueel aantrekkelijke carrouselwidget. Als je een bepaald type gebeurtenissen hebt dat je op de carrousel wilt weergeven, is het raadzaam om de insluitcode van de widget aan te passen.

Zie de stapsgewijze instructies hieronder:

  1. Log in op uw Timely account.
  2. Klik in het hoofdnavigatiemenu op Instellingen, en dan verder Embed code. U kunt ook de snelkoppeling in de rechterbovenhoek van uw dashboard gebruiken.
  3. Vervolgens wordt een nieuwe pagina geopend met al uw insluitcode-opties en voorkeuren. Momenteel zijn er 4 typen insluitcodes waaruit u kunt kiezen: Kalender, Carrousel, Schuifregelaar en Knop Evenement toevoegen.
  4. Omdat dit bericht gaat over het instellen van de insluitcode voor je evenementcarrousel, op Type insluiten, kies de carrousel optie.
printscreen van Timely event management software carrousel embed code optie

Als je de insluitcode niet wilt aanpassen, kun je rechtstreeks naar het gedeelte met widgetcode hieronder gaan (6. Je carrousel iFrame insluitcode instellen). Lees anders dit bericht verder voor meer informatie.  

Net onder de carrousel embed code type optie, ziet u de Geavanceerde instellingen drop-down menu. Deze instellingen zijn afhankelijk van het geselecteerde insluitcodetype.

Zo bewerk je de insluitcode van je evenementcarrouselwidget Geavanceerde instellingen:

Max evenementen om weer te geven

Met deze functie kunt u ervoor kiezen om maximaal 12 evenementen in een carrousel weer te geven. Typ gewoon het gewenste aantal evenementen op de doos.

printscreen van Timely software voor evenementenbeheer carrousel max evenementen om optie weer te geven

Max. gebeurtenissen per pagina

Als je wilt, kun je ook meer dan één evenement tegelijk weergeven in je carrousel. Het maximale aantal gebeurtenissen dat tegelijkertijd kan worden weergegeven is 4.

printscreen voor max event per pagina voorbeeld

Schuifregelaar Vertragingstijd

Als je wilt, kun je de vertragingstijd kiezen voor elk evenementbericht dat wordt weergegeven op de schuifregelaar (in seconden).

printscreen van Timely gebeurtenisbeheersysteem slider vertragingstijd instellingen

Datumbereik

Gebruik de datumbereikoptie om een ​​specifiek datumbereik te selecteren voor de evenementen die in uw carrousel worden weergegeven. De opties zijn de volgende:

  • Aankomende Evenementen
  • Evenementen van vandaag
  • Vanaf morgen
  • Aangepast datumbereik
  • Volgende n dagen
  • Volgende n evenementen

Als u wilt dat uw carrousel alleen evenementen weergeeft die zijn gemarkeerd als aanbevolen in uw agenda, vinkt u gewoon het vakje aan Uitgelichte evenementen.

printscreen van Timely evenementenbeheersysteem carrousel aanbevolen evenementeninstellingen

5. filters

Naast de geavanceerde instellingen die hierboven zijn uitgelegd, kun je ook een carrousel met gefilterde gebeurtenissen laten zien. U kunt uw categorieën, tags, organisaties, locaties en alle andere aangepaste filters selecteren die u mogelijk heeft gemaakt.

printscreen van Timely gebeurtenisbeheersysteem insluitcode filterinstellingen

Nadat je de geavanceerde instellingen en filters van je carrousel-insluitcode hebt aangepast, kun je doorgaan en de insluitcode genereren. Volg gewoon de onderstaande instructies:

  1. Klik op de Widgetcode (kopieer deze naar uw website) filter en kies de optie iFrame insluiten – Javascript.
  2. Klik op de Kopieer fragment knop om uw insluitcode te kopiëren.
printscreen van Timely gebeurtenisbeheersysteem sluit codegenerator in

Vervolgens hoeft u alleen maar de code in de backend van uw website te plakken om uw Timely evenement carrousel. Klik op de onderstaande links voor gedetailleerde instructies voor het insluiten van de carrouselwidgetcode in de volgende contentmanagementsystemen:

Voor instructies over hoe te installeren Timely kalender en widgets op andere CMS of mobiele applicaties, alstublieft Neem contact op met de klantenservice.

Ga voor meer gebruikersbegeleiding naar onze Klantenservice. Als u vragen heeft of extra hulp nodig heeft, aarzel dan niet om dit te doen contact met ons op.. U kunt ook een supportticket openen vanuit uw Timely dashboard van de account.