Zenamu biedt een script waarmee u uw lesrooster rechtstreeks op uw website kunt insluiten. Op uw site verschijnt het lesrooster in de weergave die u kiest bij Weergave van het lesrooster (zie Hoe kies ik de weergave van het ingesloten lesrooster? hieronder). Het lesrooster is volledig responsief (past zich automatisch aan op verschillende apparaten en schermformaten) en werkt goed samen met andere onderdelen op de pagina.
De integratie is eenvoudig en duurt maximaal 5 minuten. U kopieert een klein stukje code en plakt het in uw website. Basiskennis van HTML en JavaScript is vereist (we raden aan dit samen met uw webmaster te doen).
Draait uw website op een contentmanagementsysteem? Dan is integratie ook mogelijk. Bekijk onze handleidingen voor het insluiten van een lesrooster op Webnode, WordPress of Wix.com.
Toevoegen aan uw website — stap voor stap
1. Script invoegen
Er zijn twee manieren om het script in te voegen:
a. In de header (<head>) van de HTML-pagina
Plaats de volgende code tussen de <head>-tags van uw website. Als u het script in de header plaatst, vergeet dan niet het attribuut defer — anders wordt het lesrooster niet weergegeven.
Lesrooster
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Evenementen en workshops
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cursussen
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. In de body (<body>) van de HTML-pagina
Plaats de volgende code onderaan de HTML-pagina, vlak voor de afsluitende </body>-tag:
Lesrooster
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Evenementen en workshops
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cursussen
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Element invoegen
Voeg de volgende <div> toe op de plek op uw website waar u het lesrooster wilt weergeven:
Lesrooster
<div id="zenamu-calendar" calendar-id="[uw kalender-ID]"></div>
Evenementen en workshops
<div id="zenamu-workshops" calendar-id="[uw kalender-ID]"></div>
Cursussen
<div id="zenamu-courses" calendar-id="[uw kalender-ID]"></div>
[uw kalender-ID] — vervang dit door uw unieke ID, die u kunt vinden in uw Zenamu-beheerpaneel.
U kunt de volledige code, met uw kalender-ID al ingevuld, kopiëren in uw beheerpaneel: ga naar Instellingen > Lesroosterpagina, open het tabblad Openbaar lesrooster en klap bij Widgets voor je website het onderdeel Lesrooster, Evenementen en workshops of Cursussen uit. In hetzelfde onderdeel staat ook de code voor een widget voor Afspraken.
3. Klaar!
Zo ziet het ingesloten lesrooster eruit:
Evenementen en workshops
Cursussen
Hoe kies ik de weergave van het ingesloten lesrooster?
De code voor het lesrooster is voor elke weergave hetzelfde. De weergave stelt u in Zenamu in:
Ga naar Instellingen > Lesroosterpagina en open het tabblad Openbaar lesrooster.
Klap bij Widgets voor je website het onderdeel Lesrooster uit.
Klik bij Weergave van het lesrooster op Weekagenda met lesrooster, Lijst van de volgende 30 of Weekoverzicht. Zenamu slaat uw keuze meteen op; u hoeft de code op uw website niet aan te passen.
De lijstweergave is niet beperkt tot 30 dagen: die toont uw komende lessen per 30 tegelijk, en bezoekers kunnen er meer laden. Bezoekers kunnen in het lesrooster ook naar een andere weergave overschakelen.