Ugrás a fő tartalomhoz

Hogyan integrálhatom az órarendet a JavaScript segítségével?

A Zenamu egy script-et kínál, amely lehetővé teszi az órarend beágyazását saját weboldaladba. Az órarenden megjelenítheted az elkövetkező 30 napban zajló órák listáját. Az órarend teljesen reszponzív (automatikusan igazodik a különböző eszközök és képernyők méretéhez) és kompatibilis más weboldal elemekkel.

Az integráció nem vesz igénybe több mint 5 percet, és nincs szükség technikai tudásra hozzá. Csak egy kis kódrészlet másolása és beillesztése szükséges a weboldaladba. Alapvető HTML és JavaScript ismeretek szükségesek hozzá (ezen opciót webmesterrel való együttműködés esetén ajánljuk).

Ha weboldaladat tartalomkezelő rendszeren futtatod, az integráció továbbra is lehetséges. Nézd meg útmutatóinkat, hogy hogyan ágyazd be az órarendet Webnode , WordPress vagy Wix.com weboldalra.

Hozzáadás a weboldalhoz - hogyan haladjunk tovább?​

1. Script beillesztése​

Két módon illesztheted be a scriptet:

a. Vagy a HTML oldal (<head>) elemében lévő script-ként​

Illeszd be a kódsorokat pontosan az alábbi formában a weboldalad **<head></head>** elemek közé. Ha a scriptet az oldal header részébe helyezed, ne felejtsd el a defer attribútumot, különben az órarend nem fog 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​

Illeszd 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​

Add hozzá az alábbi <div>-et a weboldaladon ahova az órarendet meg szeretnéd 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ítsd a saját egyedi azonosítóddal, amelyet a Zenamu adminisztrációdban találsz.

  • 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!​

Hasonlóan néz ki a következő orárend 😏.

Workshopok​

Tanfolyamok​

Órák​

Kíváncsi, hogyan segíthet a Zenamu a vállalkozásában? Az alábbiakban közvetlenül a Zenamunál foglalhatja le a Zenamu bemutatóját!

Online találkozunk a(z) Google Meet-n keresztül, és néhány perc alatt bemutatjuk rendszerünket, megválaszoljuk a kérdéseit, és segítünk létrehozni fiókját.