Zenamu tilbyr et script som lar deg bygge inn timeplanen din direkte på nettsiden din. Nettsiden din vil vise en liste over timer som finner sted de neste 30 dagene. Listen 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
<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
<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
<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 finner koden i administrasjonspanelet (logg inn på Zenamu og gå til Innstillinger > Offentlig timeplan > Integrasjon med nettsiden din).
3. Ferdig!
Slik ser den innebygde timeplanen ut:
Arrangementer
Kurs
