Zenamu tilbyder et script, der lader dig integrere din holdplan direkte på din hjemmeside. Din side viser holdplanen i den visning, du vælger under Skemavisning (se Hvordan vælger jeg visningen af den integrerede holdplan? nedenfor). Holdplanen er fuldt responsiv (tilpasser sig automatisk til forskellige enheder og skærmstørrelser) og fungerer godt med andre komponenter på siden.
Integrationen er enkel og tager højst 5 minutter. Du kopierer blot et lille stykke kode og indsætter det på din hjemmeside. Grundlæggende HTML- og JavaScript-kendskab er påkrævet (vi anbefaler at samarbejde med din webmaster om dette).
Kører du din hjemmeside på et indholdsstyringssystem, er integration også mulig. Se vores vejledninger til at integrere en holdplan på Webnode, WordPress eller Wix.com.
Tilføjelse til din hjemmeside — trin for trin
1. Indsæt script
Der er to måder at indsætte scriptet på:
a. I headeren (<head>) af HTML-siden
Placér følgende kode mellem <head>-tags på din hjemmeside. Hvis du indsætter scriptet i headeren, glem ikke defer-attributten — ellers vises holdplanen ikke.
Holdplan
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Begivenheder og workshops
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurser
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. I body (<body>) af HTML-siden
Placér følgende kode nederst på HTML-siden, lige før det afsluttende </body>-tag:
Holdplan
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Begivenheder og workshops
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Kurser
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Indsæt element
Tilføj følgende <div> det sted på din hjemmeside, hvor du ønsker holdplanen skal vises:
Holdplan
<div id="zenamu-calendar" calendar-id="[dit kalender-ID]"></div>
Begivenheder og workshops
<div id="zenamu-workshops" calendar-id="[dit kalender-ID]"></div>
Kurser
<div id="zenamu-courses" calendar-id="[dit kalender-ID]"></div>
[dit kalender-ID] — erstat dette med dit unikke ID, som du finder i dit Zenamu-administrationspanel.
Du kan kopiere den komplette kode, hvor dit kalender-ID allerede er udfyldt, i dit administrationspanel. Gå til Indstillinger > Skemaside, åbn fanen Offentligt skema, og fold Holdplan, Begivenheder og workshops eller Kurser ud under Widgets til din hjemmeside. Samme afsnit indeholder også koden til en widget for Individuelle bookinger.
3. Færdig!
Sådan ser den integrerede holdplan ud:
Begivenheder og workshops
Kurser
Hvordan vælger jeg visningen af den integrerede holdplan?
Koden til holdplanen er den samme for alle visninger. Visningen er en indstilling i Zenamu:
Gå til Indstillinger > Skemaside, og åbn fanen Offentligt skema.
Fold Holdplan ud under Widgets til din hjemmeside.
Under Skemavisning klikker du på Ugekalender med holdplan, Liste over de næste 30 kommende eller Ugeliste. Zenamu gemmer dit valg med det samme, og du behøver ikke at ændre koden på din hjemmeside.
Listevisningen er ikke begrænset til 30 dage. Den viser dine kommende hold 30 ad gangen, og besøgende kan indlæse flere. Besøgende kan også skifte til en anden visning i holdplanen.