A Zenamu egy script-et kínál, amely lehetővé teszi az órarend beágyazását a saját weboldalára. A weboldalán az órarend abban a nézetben jelenik meg, amelyet az Órarend nézete beállításnál választ ki (lásd lent: Hogyan választhatom ki a beágyazott órarend nézetét?). Az órarend teljesen reszponzív (automatikusan alkalmazkodik a különböző eszközökhöz és képernyőméretekhez), és kompatibilis a weboldal egyéb elemeivel.
Az integráció nem vesz igénybe többet, mint 5 perc, és nincs szükség technikai tudásra. Csak egy rövid kódrészlet másolására és beillesztésére van szükség a weboldalára. Alapvető HTML és JavaScript ismeretek szükségesek hozzá (ezt az opciót ajánljuk webmesterrel való együttműködés esetén).
Ha weboldalát tartalomkezelő rendszeren futtatja, az integráció akkor is lehetséges. Nézze meg útmutatóinkat, hogyan ágyazza be az órarendet Webnode, WordPress vagy Wix.com weboldalra.
Hozzáadás a weboldalhoz — Lépésről lépésre
1. Script beillesztése
Kétféleképpen illesztheti be a scriptet:
a. A HTML oldal (<head>) elemébe
Illessze be a kódsorokat pontosan az alábbi formában a weboldala **<head></head>** elemei közé. Ha a scriptet az oldal head részébe helyezi, ne felejtse el a defer attribútumot, különben az órarend nem fog megfelelően megjelenni.
Órák
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Események és workshopok
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Tanfolyamok
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. vagy a HTML oldal (<body>) elemében
Illessze be a kódsorokat pontosan az alábbi formában az oldal alsó részébe, a HTML oldal </body> záró címkéje előtt:
Órák
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Események és workshopok
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Tanfolyamok
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Elem beillesztése
Adja hozzá az alábbi <div>-et a weboldalán oda, ahová az órarendet meg szeretné jeleníteni:
Órák
<div id="zenamu-calendar" calendar-id="[your calendar ID]"></div>
Események és workshopok
<div id="zenamu-workshops" calendar-id="[your calendar ID]"></div>
Tanfolyamok
<div id="zenamu-courses" calendar-id="[your calendar ID]"></div>
[your calendar ID] — helyettesítse a saját egyedi azonosítójával, amelyet a Zenamu adminisztrációjában talál.
A teljes kódot, amelyben már szerepel a naptár azonosítója, az adminisztrációban másolhatja ki: lépjen a Beállítások > Órarend oldal menüpontra, nyissa meg a Nyilvános órarend fület, és a Widgetek a weboldalához részben nyissa le az Órarend, az Események és workshopok vagy a Tanfolyamok részt. Ugyanitt található az Egyéni időpontok widget kódja is.
3. Kész!
Így fog kinézni az órarendje.
Órák
Események és workshopok
Tanfolyamok
Hogyan választhatom ki a beágyazott órarend nézetét?
Az órarend kódja minden nézetnél ugyanaz. A nézet a Zenamu egyik beállítása:
Lépjen a Beállítások > Órarend oldal menüpontra, és nyissa meg a Nyilvános órarend fület.
A Widgetek a weboldalához részben nyissa le az Órarend részt.
Az Órarend nézete alatt kattintson a Heti naptár az órarenddel, A következő 30 alkalom listája vagy a Heti lista lehetőségre. A Zenamu azonnal elmenti a választását, a weboldalán lévő kódot pedig nem kell módosítania.
A lista nézet nem korlátozódik 30 napra: a közelgő órákat 30-asával mutatja, és a látogatók további órákat tölthetnek be. A látogatók az órarendben másik nézetre is válthatnak.