Zenamu bietet ein Script, mit dem du deinen Stundenplan ganz einfach auf deiner eigenen Website einbetten kannst. 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 deine Website einzufügen. Grundkenntnisse in HTML und JavaScript sind erforderlich (wir empfehlen die Umsetzung mit deinem Webmaster).
Verwendest du ein CMS? Auch dann ist die Integration möglich – siehe unsere Anleitungen für Webnode, WordPress oder Wix.com.
So fügst du den Stundenplan Schritt für Schritt ein
1. Script einfügen
Zwei Möglichkeiten stehen zur Verfügung:
a. Im <head>-Bereich deiner Seite
Füge diesen Code in den <head>-Bereich ein. Verwende 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 kannst du 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üge 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>
Ersetze [your calendar ID] mit deiner individuellen Kalender-ID aus dem Zenamu-Adminbereich (Einstellungen > Öffentlicher Stundenplan > Integration).
3. Fertig!
Der Stundenplan sieht auf deiner Website ungefähr so aus 😏:
Workshops
Courses
