Zenamu bietet ein Script, mit dem Sie Ihren Stundenplan auf Ihrer eigenen Website einbetten können. Ihre Website zeigt den Stundenplan in der Ansicht, die Sie unter Ansicht des Stundenplans auswählen (siehe Wie wähle ich die Ansicht des eingebetteten Stundenplans? weiter unten). Der Stundenplan 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 Stundenplan nicht geladen.
Offene Stunden
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Events
<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
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Events
<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>
Events
<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] durch Ihre individuelle Kalender-ID, die Sie in Ihrem Zenamu-Adminbereich finden.
Den vollständigen Code mit bereits eingetragener Kalender-ID können Sie in Ihrem Adminbereich kopieren: Gehen Sie zu Einstellungen > Stundenplan-Seite, öffnen Sie die Registerkarte Öffentlicher Stundenplan und klappen Sie unter Widgets für Ihre Website den Bereich Stundenplan, Events oder Kursreihen auf. Im selben Bereich finden Sie auch den Code für das Widget Einzeltermine.
3. Fertig!
Der Stundenplan sieht auf Ihrer Website ungefähr so aus:
Events
Kurse
Wie wähle ich die Ansicht des eingebetteten Stundenplans?
Der Code für den Stundenplan ist für jede Ansicht gleich. Die Ansicht legen Sie in Zenamu fest:
Gehen Sie zu Einstellungen > Stundenplan-Seite und öffnen Sie die Registerkarte Öffentlicher Stundenplan.
Klappen Sie unter Widgets für Ihre Website den Bereich Stundenplan auf.
Klicken Sie unter Ansicht des Stundenplans auf Wochenkalender mit Stundenplan, Liste der nächsten 30 Termine oder Wochenliste. Zenamu speichert Ihre Auswahl sofort, und Sie müssen den Code auf Ihrer Website nicht ändern.
Die Listenansicht ist nicht auf 30 Tage beschränkt: Sie zeigt Ihre bevorstehenden Stunden in Schritten von je 30 an, und Besucher können weitere nachladen. Besucher können im Stundenplan außerdem zu einer anderen Ansicht wechseln.