Zenamu biedt een script waarmee u uw lesrooster rechtstreeks op uw website kunt insluiten. Op uw site verschijnt een overzicht van lessen die in de komende 30 dagen gepland staan. Het overzicht 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
<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
<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
<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 vindt de code in uw beheerpaneel (log in bij Zenamu en ga naar Instellingen > Openbaar lesrooster > Integratie met uw website).
3. Klaar!
Zo ziet het ingesloten lesrooster eruit:
Evenementen
Cursussen
