Zenamu erbjuder ett script som låter dig bädda in ditt klasschema på din egen webbplats. Din webbplats visar schemat i den vy som du väljer under Schemavy (se Hur väljer jag vy för det inbäddade schemat? nedan). Schemat är helt responsivt (anpassar sig automatiskt till bredden på olika enheter och skärmar) och är kompatibelt med andra komponenter på webbplatsen.
Integrationen är enkel och tar högst 5 minuter. Det handlar bara om att kopiera en liten bit kod och klistra in den på din webbplats. Grundläggande kunskaper i HTML och JavaScript krävs (vi rekommenderar detta alternativ tillsammans med din webbmaster).
Om du driver din webbplats på ett innehållshanteringssystem är integration också möjlig. Se våra guider för att bädda in ett schema på en webbplats med Webnode, WordPress eller Wix.com.
Lägga till på din webbplats - steg för steg
1. Infoga skriptet
Det finns två sätt att infoga skriptet:
a. Antingen via ett skript i huvudet (<head>) på HTML-sidan
Placera kodraden i exakt denna form mellan taggarna på din webbplats. Om du infogar skriptet på detta sätt i huvudet, glöm inte attributet defer, annars kommer schemat inte att visas.
Klasschema
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Evenemang
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurser
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. eller inuti kroppen (<body>) på HTML-sidan
Placera kodraden i exakt denna form längst ner på HTML-sidan precis före sluttaggen </body>:
Klasschema
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Evenemang
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurser
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Infoga elementet
Lägg till följande <div> på den plats på din webbplats där du vill att schemat ska visas:
Klasschema
<div id="zenamu-calendar" calendar-id="[ditt kalender-ID]"></div>
Evenemang
<div id="zenamu-workshops" calendar-id="[ditt kalender-ID]"></div>
Kurser
<div id="zenamu-courses" calendar-id="[ditt kalender-ID]"></div>
[ditt kalender-ID] - ersätt det med ditt unika ID, som du hittar i din Zenamu-administration.
Du kan kopiera hela koden, med ditt kalender-ID redan ifyllt, i din administration: gå till Inställningar > Schemasida, öppna fliken Publikt schema och fäll ut Schema, Evenemang eller Kurser under Widgetar för din webbplats. I samma avsnitt finns också koden för en widget för Individuella bokningar.
3. Resultat
Det ser ut ungefär som följande schema:
Evenemang
Kurser
Hur väljer jag vy för det inbäddade schemat?
Koden för schemat är densamma för alla vyer. Vyn är en inställning i Zenamu:
Gå till Inställningar > Schemasida och öppna fliken Publikt schema.
Fäll ut Schema under Widgetar för din webbplats.
Klicka på Veckokalender med klasschema, Lista över kommande 30 eller Veckolista under Schemavy. Zenamu sparar ditt val direkt, och du behöver inte ändra koden på din webbplats.
Listvyn är inte begränsad till 30 dagar: den visar dina kommande klasser 30 åt gången, och besökarna kan ladda fler. Besökarna kan också byta till en annan vy i schemat.