De eventkalender en eventlijst op een pagina plaatsen

Wil je je workshops, trainingen of groepssessies op je website laten zien zodat bezoekers ze meteen kunnen bekijken en boeken? Daarvoor heb je twee modules: de Eventkalender toont je evenementen in een overzichtelijke kalenderweergave, en de Eventlijst toont ze als lijst onder elkaar. Beide plaats je met de Visual Builder op een pagina. In dit artikel lees je hoe je ze toevoegt en welke instellingen je hebt.

Op de afbeeldingen in dit artikel is telkens het relevante onderdeel oranje gemarkeerd; de overige in de tekst vetgedrukte onderdelen vind je op dezelfde pagina of in hetzelfde venster.

Eventkalender of eventlijst?

De keuze hangt af van hoe je je aanbod wilt presenteren:

• Eventkalender — ideaal als je veel losse data hebt; bezoekers zien in een oogopslag op welke dagen er iets is.
• Eventlijst — handig voor een compacte opsomming van komende evenementen onder elkaar.

De instellingen van beide modules zijn vrijwel gelijk, dus je kiest gewoon de weergave die het beste bij je pagina past. Je kunt ze ook allebei op verschillende pagina's gebruiken.

1. De eventkalender op een pagina plaatsen

1. Schakel de Visual Builder in
   Ga naar de pagina waarop je je evenementen wilt tonen en klik in de balk bovenaan op Visual Builder inschakelen. De pagina laadt opnieuw in de bewerkmodus.

   

2. Voeg een module toe
   Klik op het + icoontje op de plek waar je de kalender wilt plaatsen om de modulekiezer te openen.

   

3. Kies de module Eventkalender
   Klik in de modulekiezer op de tegel Eventkalender. De module verschijnt op de pagina en rechts opent meteen het instellingenvenster.

   

2. De instellingen van de eventkalender

De belangrijkste instelling staat op het tabblad Inhoud: je bepaalt er welke evenementen de kalender laat zien. Standaard toont de kalender alle gepubliceerde evenementen.

1. Bepaal welke evenementen worden getoond
   Zet de schakelaar Selecteer Reserveringsopties aan om vooraf te kiezen welke evenementen de kalender laat zien. Er verschijnen dan opties om losse evenementen aan te vinken (Selecteer Event), terugkerende evenementen mee te tonen (Toon Terugkerende Events) en te filteren op locatie (Kies Locatie). Laat je de schakelaar uit, dan toont de kalender automatisch al je gepubliceerde evenementen.

   

Het boekingsvenster in een pop-up tonen? Wil je dat een bezoeker een evenement aanklikt en het boekingsvenster in een pop-up opent in plaats van direct op de pagina? Dat regel je niet in deze module, maar zoals beschreven in Het boekingsformulier in een pop-up openen via een knop.

2. Vormgeving (Ontwerp)
   Op het tabblad Ontwerp staan algemene vormgevingsopties. De opmaak van het boekingsvenster zelf — kleuren, lettertypes en teksten — stel je echter niet hier in, maar centraal via Instellingen → Boekingsformulieren. Hoe dat werkt lees je in De opmaak van het boekingsformulier aanpassen.

   

3. Geavanceerd
   Het tabblad Geavanceerd bevat algemene, technische opties (zoals zichtbaarheid en eigen code). Voor de eventkalender en eventlijst heb je deze normaal gesproken niet nodig.

   

3. De eventlijst plaatsen en instellen

De eventlijst werkt precies hetzelfde, alleen toont hij je evenementen als lijst in plaats van als kalender.

1. Kies de module Eventlijst
   Wil je je evenementen liever als lijst tonen? Open opnieuw de modulekiezer (via het + icoontje) en klik op de tegel Eventlijst.

   

2. Bepaal welke evenementen worden getoond
   Ook hier zet je met Selecteer Reserveringsopties aan welke evenementen de lijst toont; je kunt dan kiezen op losse evenementen, terugkerende evenementen en locatie. Uit betekent: alle gepubliceerde evenementen. De tabbladen Ontwerp en Geavanceerd werken net zo als bij de kalender.

   

4. Je pagina opslaan

1. Sla de pagina op
   Klik rechtsboven op Opslaan om je pagina met de evenementen te bewaren.

   

Meer over evenementen

Voordat bezoekers een evenement op je website kunnen zien, moet het er natuurlijk wel zijn. Lees verder:

• Een evenement aanmaken: hoe je een workshop, training of groepssessie opzet, lees je in Een evenement aanmaken.
• Alles over eventplanning: een overzicht van het werken met evenementen vind je in Werken met evenementen.