Zenamu tilbyr et script som lar deg bygge inn timeplanen din direkte på nettsiden din. Nettsiden din viser timeplanen i visningen du velger under Timeplanvisning (se Hvordan velger jeg visningen for den innebygde timeplanen? nedenfor). Timeplanen er fullt responsiv (tilpasser seg automatisk til ulike enheter og skjermstørrelser) og fungerer godt med andre elementer på siden.
Integrasjonen er enkel og tar maks 5 minutter. Du kopierer bare et lite kodestykke og limer det inn på nettsiden din. Grunnleggende HTML- og JavaScript-kunnskap er påkrevd (vi anbefaler å samarbeide med webmasteren din om dette).
Hvis du kjører nettsiden din på et CMS-system, er integrasjon også mulig. Se veiledningene våre for å bygge inn timeplanen i Webnode, WordPress eller Wix.com.
Legge til på nettsiden din — steg for steg
1. Sett inn script
Det finnes to måter å sette inn scriptet på:
a. I hodet (<head>) på HTML-siden
Plasser følgende kode mellom <head>-taggene på nettsiden din. Hvis du setter inn scriptet i hodet, ikke glem defer-attributtet — ellers vises ikke timeplanen.
Timeplan
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Arrangementer og workshops
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurs
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. I kroppen (<body>) på HTML-siden
Plasser følgende kode nederst på HTML-siden, rett før den avsluttende </body>-taggen:
Timeplan
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Arrangementer og workshops
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurs
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Sett inn element
Legg til følgende <div> på det stedet på nettsiden din der du vil at timeplanen skal vises:
Timeplan
<div id="zenamu-calendar" calendar-id="[din kalender-ID]"></div>
Arrangementer og workshops
<div id="zenamu-workshops" calendar-id="[din kalender-ID]"></div>
Kurs
<div id="zenamu-courses" calendar-id="[din kalender-ID]"></div>
[din kalender-ID] — erstatt dette med din unike ID, som du finner i Zenamu-administrasjonspanelet.
Du kan kopiere hele koden, med kalender-ID-en din allerede utfylt, i administrasjonspanelet: gå til Innstillinger > Timeplanside og åpne fanen Offentlig timeplan. Under Widgeter til nettsiden din utvider du Timeplan, Arrangementer og workshops eller Kurs. I den samme delen finner du også koden for widgeten Individuelle avtaler.
3. Ferdig!
Slik ser den innebygde timeplanen ut:
Arrangementer og workshops
Kurs
Hvordan velger jeg visningen for den innebygde timeplanen?
Koden for timeplanen er den samme for alle visninger. Visningen er en innstilling i Zenamu:
Gå til Innstillinger > Timeplanside og åpne fanen Offentlig timeplan.
Utvid Timeplan under Widgeter til nettsiden din.
Under Timeplanvisning klikker du på Ukentlig kalender med timeplan, Liste over de neste 30 timene eller Ukeliste. Zenamu lagrer valget med en gang, og du trenger ikke å endre koden på nettsiden din.
Listevisningen er ikke begrenset til 30 dager: den viser de kommende timene dine 30 om gangen, og de besøkende kan laste inn flere. De besøkende kan også bytte til en annen visning i timeplanen.