A Zenamu egy script-et kínál, amely lehetővé teszi az órarend beágyazását a saját weboldalára. Az órarend megjeleníti a következő 30 napban tartandó órák listáját, és teljesen reszponzív (automatikusan alkalmazkodik a különböző eszközökhöz és képernyőméretekhez), 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 - Hogyan haladjon tovább?
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>
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>
Workshopok
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Tanfolyamok
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Órarend 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>
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.
Másolja le a teljes kódot az adminisztrációból (jelentkezzen be a Zenamu-ba, és menjen a Beállítások > Nyilvános órarend > Órarend beillesztése saját weboldalra).
3. Kész!
Így fog kinézni az órarendje.
Órák
Workshopok
Tanfolyamok
