Zenamu bietet ein Script, mit dem Sie Ihren Stundenplan ganz einfach auf Ihrer eigenen Website einbetten können. Der Plan zeigt alle Termine der nächsten 30 Tage. Die Liste ist vollständig responsiv (passt sich automatisch an verschiedene Geräte und Bildschirmgrößen an) und ist mit anderen Website-Elementen kompatibel.
Die Integration ist einfach und dauert weniger als 5 Minuten. Es reicht, einen kleinen Codeabschnitt zu kopieren und in Ihre Website einzufügen. Grundkenntnisse in HTML und JavaScript sind erforderlich (wir empfehlen die Umsetzung mit Ihrem Webmaster).
Verwenden Sie ein CMS? Auch dann ist die Integration möglich – siehe unsere Anleitungen für Webnode, WordPress oder Wix.com.
So fügen Sie den Stundenplan Schritt für Schritt ein
1. Script einfügen
Zwei Möglichkeiten stehen zur Verfügung:
a. Im <head>-Bereich Ihrer Seite
Fügen Sie diesen Code in den <head>-Bereich ein. Verwenden Sie unbedingt defer, sonst wird der Kalender nicht geladen.
Offene Stunden
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Workshops
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurse
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. Am Ende der Seite, vor dem schließenden </body>-Tag
Alternativ können Sie das Script kurz vor </body> platzieren:
Offene Stunden
htmlZkopírovatUpravit
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Workshops
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurse
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. HTML-Element einfügen
Fügen Sie an der gewünschten Stelle dieses <div>-Element ein:
Offene Stunden
<div id="zenamu-calendar" calendar-id="[your calendar ID]"></div>
Workshops
<div id="zenamu-workshops" calendar-id="[your calendar ID]"></div>
Kurse
<div id="zenamu-courses" calendar-id="[your calendar ID]"></div>
Ersetzen Sie [your calendar ID] mit Ihrer individuellen Kalender-ID aus dem Zenamu-Adminbereich (Einstellungen > Öffentlicher Stundenplan > Integration).
3. Fertig!
Der Stundenplan sieht auf Ihrer Website ungefähr so aus:
Workshops
Kurse
