En zelfs voor minder dan €50 als je het zelf doet. Timeslots, afspraken, bezoeken op specifieke tijdstippen. Met deze simpele stappen bouw je in 1, 2, 3 je eigen event kalender.
Wat heb je nodig?
- Een computer
- Internet
- Een webpagina
Er zullen vast verschillende manieren bestaan om kalenders te maken, maar de software die wij verkiezen, is een extensie van de website builder theme.co voor Wordpress genaamd ‘Modern Events Calendar’.
Wat een boterham. Simpel gezegd: Theme.co is een heel gebruiksvriendelijke software om websites te maken in Wordpress. Je hebt er geen ingewikkelde html of css-kennis voor nodig. Je kan met deze website bouwer gemakkelijk tekstblokken en afbeeldingen slepen zoals jij wil dat je site eruit moet zien. Ook beschikt theme.co over verschillende leuke toepassingen zoals hun extensie ‘Modern Events Calendar’. En hoe je deze installeert en gebruikt, leggen wij voor jou hier even uit.
1. De installatie
2. Je gegevens invullen
Modern Events Calender is nu geïnstalleerd en verschijnt in het menu.
In dit voorbeeld wil ik een event aanmaken dat
- 2 maanden duurt
- Open is op elke weekdag en zaterdag van 10 tot 17u
- Elke dag 3 verschillende activiteiten heeft
- Elke activiteit heeft zijn eigen tijdslots
- Voor elk tijdslot moeten bezoekers een ticket kopen
- Er mogen max 10 bezoekers binnen per tijdslot
Onder 'locatie' vul ik de locatie van mijn evenement in. Bij het intypen van het adres, wordt deze ook meteen gelinkt aan Google Maps.
Neemt je evenement plaats op meerdere locaties, maak je er best ook meerdere aan.
3. Je eerste evenement aanmaken
So far so good! Nu ben je klaar om je eerste evenement aan te maken. Ga in het menu naar ‘Evenement toevoegen’. Geef je evenement een titel bv ‘Tentoonstelling chocolade’ en een korte omschrijving.
Onder 'Evenement details' kan je de data en tijd invoeren.
In dit voorbeeld wil ik een evenement aanmaken dat zich elke dag herhaalt en duurt van 10-17u. Daarom stel ik bij 'Date And Time' in dat mijn event 1 dag duurt (van 1 juni tot 1 juni) en van 10-17u. Vervolgens duid ik bij 'Terugkerend evenement' aan dat mijn tentoonstelling zich herhaalt op specifieke weekdagen (maandag - zaterdag) en eindigt op 1 augustus.
De planning van mijn evenement zou ik kunnen invullen onder 'Urenschema', maar in dit voorbeeld ga ik dat niet doen omdat de activiteiten dan 2 keer op mijn pagina gaan verschijnen: 1 keer onder urenschema, en 1 keer bij de tickets.
Onder 'locatie' selecteer ik de locatie die ik eerder had aangemaakt. In dit geval 'Chocoladeland'.
Bij 'links' kan je eventueel nog een link plakken naar de website van je event (indien je die hebt). Dit is niet verplicht.
In het volgende blok kan je alles instellen i.v.m. de tickets. Als je gedurende je hele event slechts een beperkt aantal tickets hebt, kan je dit instellen bij de eerste tab 'Booking options'. Hier kan je een limiet aantal tickets aangeven. In dit voorbeeld heb ik 'unlimited' aangevinkt maar heb ik bij de verschillende soorten tickets wel een limiet opgegeven.
Onder tickets kan je de verschillende tickets per tijdslot aanmaken. In dit voorbeeld kost het praline-ticket €12 en kunnen er max 10 tickets van worden aangekocht. En kost het caramel-ticket €10 en kunnen er ook 10 van worden aangekocht.
In de laatste balk kan je aangeven tot wanneer er tickets kunnen worden aangekocht. In dit geval tot 1u voor de aanvang van dat tijdslot.
Nu je alle info hebt ingegeven is het heel belangrijk om helemaal rechtsboven op 'publiceren' te klikken.
4. Kalender op je website plaatsen
Om je kalender op je website te plaatsen, werkt deze extensie met een shortcode. Dit wil zeggen dat je een specifieke code in de html van je webpagina moet plaatsen. Dit klinkt allemaal ingewikkeld, maar met behulp van theme.co is dit zo gemaakt.
Als eerste kopieer je de shortcode. Deze vind je terug in het menu onder 'Shortcodes'. Hier staat een tabel met allemaal verschillende manieren om je evenement weer te geven op je site. Je kiest er 1 van en kopieert daarvan de shortcode uit de 3e kolom. Alle designs zijn volledig responsive. Dat betekent dat ze perfect meeschalen op elk toestel (telefoon, tablet, laptop, pc).
Vervolgens ga je naar de pagina waar je je kalender op wil plaatsen, of maak je hiervoor een nieuwe pagina aan. In dit voorbeeld maak ik een nieuwe pagina aan. Dat doe ik in het menu onder 'Pagina's' en klik ik op 'nieuwe pagina'.
Geef je pagina een titel en klik op 'concept opslaan' rechtsboven. Klik vervolgens op 'edit with cornerstone'.
Het enige dat voor dit voorbeeld belangrijk is om te weten, is dat theme.co werkt met secties. Elke sectie bestaat uit rijen en kolommen. En in een kolom kan je elementen plaatsen zoals tekst of een afbeelding.
En dus gaan we om de kalender te plaatsen eerst een sectie aanmaken. Dat doe je links door op '+ add section' te klikken.
Wanneer je op 1 kolom hebt geklikt, verschijnt er een kubusje op die plek. Dit betekent dat de kolom momenteel nog leeg is en er dus geen element in zit. Daarom klik je linksboven op 'Elements' en zoek je naar 'Content Area'. Deze kan je uit de lijst slepen tot in de kolom die je net gemaakt hebt.
Vervolgens klik je op 'Click to Edit' en hier plak je de shortcode die je had gekopieerd.
Op je pagina verschijnt een voorbeeld van je kalender. Klik nu op 'Save' helemaal linksonder. Om je pagina te bekijken en eens uit te testen klik je op het vierkantje icoontje met het pijltje. Ben je toch niet helemaal tevreden van de lay-out, dan kan je altijd een andere shortcode uitproberen.
Let op: je pagina is momenteel nog steeds een concept. Als je tevreden bent en klaar met bewerken, klik je in de hamburger-menu linksboven (na het saven) op 'exit to dashboard'. Zo kom je terug in de wordpress omgeving van je pagina en kan je rechtsboven klikken op 'Publiceren' om je pagina live te zetten. En joepie! Je hebt jouw eerste eigen kalender aangemaakt.
5. Lay-out en personalisatie
Om een afbeelding toe te voegen, kan je dit doen in de Wordpress omgeving onder alle evenementen > bewerken (van het event waarvan je een afbeelding wil toevoegen) > helemaal rechts onderaan kan je een uitgelichte afbeelding toevoegen.
Deze extensie is standaard in het Engels ingesteld. Als je dit graag wil veranderen en personaliseren met eigen tekstjes kan je dit heel gemakkelijk bij 'instellingen > meldingen'.
Onder 'Styling options' kan je ook de kleuren van de kalender aanpassen naar die van jouw huisstijl.
Mijn eerste chocolade event
Ziezo. Jouw eerste kalender is nu af, joepie ! Hieronder kan je het resultaat van dit voorbeeld bekijken. Heb je nog bijkomende vragen of zoek je nog hoe je iets specifiek kunt aanpassen? Dan heeft de website van Modern Events Calendar heel veel nuttige en interessante blog post die al jouw vragen kunnen beantwoorden. Lukt het toch niet helemaal zoals jij wil, of wil je hier toch graag wat hulp bij? Dan helpen wij graag.