Zenamu propose un script qui vous permet d’afficher votre planning de cours directement sur votre site web. Votre site affichera les cours prévus pour les 30 prochains jours. Le planning est entièrement responsive (il s’adapte automatiquement à la largeur des écrans et appareils) et fonctionne avec les autres éléments de votre page.
L’intégration est simple et ne prend pas plus de 5 minutes. Il suffit de copier un petit extrait de code et de le coller dans votre site. Des connaissances de base en HTML et JavaScript sont nécessaires (nous recommandons de le faire avec votre webmaster).
Si vous utilisez un CMS, l’intégration est également possible. Consultez nos tutoriels pour Webnode, WordPress et Wix.com.
Étapes pour l’intégration du planning sur votre site
1. Ajouter le script
Deux méthodes sont possibles :
a. Dans l’en-tête de la page HTML (<head>)
Insérez ce code dans la balise <head>. N’oubliez pas l’attribut defer, sinon le planning ne s’affichera pas.
Planning des cours
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Ateliers
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cours
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. À la fin de la page HTML (avant </body>)
Vous pouvez aussi coller le script juste avant </body> :
Planning des cours
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Ateliers
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Cours
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Ajouter l’élément HTML
Ajoutez ce <div> à l’endroit de la page où vous voulez afficher le planning :
Planning des cours
<div id="zenamu-calendar" calendar-id="[your calendar ID]"></div>
Ateliers
<div id="zenamu-workshops" calendar-id="[your calendar ID]"></div>
Cours
<div id="zenamu-courses" calendar-id="[your calendar ID]"></div>
Remplacez [your calendar ID] par votre identifiant Zenamu (disponible dans Paramètres > Planning public > Intégration avec votre site).
3. C’est prêt !
Votre site affichera un planning ressemblant à ceci 😏 :
Workshops
Courses
