Zenamu nabízí skript, díky kterému lze vložit do vlastní webové stránky rozvrh vašich lekcí. Na webu se rozvrh zobrazí v podobě, kterou zvolíte v nastavení Zobrazení rozvrhu (viz Jak zvolím zobrazení vloženého rozvrhu? níže). Rozvrh je plně responzivní (automaticky se přizpůsobí šířce na různých zařízeních a obrazovkách) a kompatibilní s dalšími prvky na webu.
Samotná integrace je jednoduchá a nezabere vám víc než 5 minut. Jde pouze o zkopírování malé části kódu a vložení do vlastní stránky. K provedení je nutná základní znalost HTML a JavaScriptu. Tuto možnost integrace proto doporučujeme provádět se správcem vašeho webu.
Pokud váš web provozujete na nějakém systému pro správu obsahu, integrace je možná též. Podívejte se na naše návody pro vložení rozvrhu do webu s Webnode, WordPress nebo Wix.com.
1. Vložení skriptu
Skript můžete vložit dvěma způsoby:
a. Buď přes skript v hlavičce (<head>) HTML stránky
Řádek s kódem umístěte přesně v této podobě mezi tagy vaší stránky. Pokud vkládáte skript tímto způsobem do hlavičky, nezapomeňte prosím na atribut defer, jinak se rozvrh nezobrazí.
Seznam lekcí
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Seznam akcí a workshopů
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Seznam kurzů
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. nebo dovnitř těla (<body>) HTML stránky
Řádek s kódem umístěte přesně v této podobě do spodní části stránky těsně před koncovou značku </body>:
Seznam lekcí
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Seznam akcí a workshopů
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Seznam kurzů
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Vložení bloku
Do místa na vaší stránce, kde chcete, aby se rozvrh objevil, přidejte následující <div>:
Seznam lekcí
<div id="zenamu-calendar" calendar-id="[ID vašeho kalendáře]"></div>
Seznam akcí a workshopů
<div id="zenamu-workshops" calendar-id="[ID vašeho kalendáře]"></div>
Seznam kurzů
<div id="zenamu-courses" calendar-id="[ID vašeho kalendáře]"></div>
[ID vašeho kalendáře] nahraďte vaším unikátním ID, které zjistíte v administraci vašeho účtu.
Kompletní kód, ve kterém už je doplněné ID vašeho kalendáře, zkopírujete v administraci: přejděte do Nastavení > Stránka rozvrhu, otevřete záložku Veřejný rozvrh a v části Widgety pro váš web rozbalte Rozvrh, Akce a workshopy nebo Kurzy. Ve stejné části najdete i kód widgetu Individuální termíny.
3. Hotovo
Vypadá to podobně jako náš rozvrh níže.
Seznam lekcí
Akce a workshopy
Kurzy
Jak zvolím zobrazení vloženého rozvrhu?
Kód rozvrhu je pro všechna zobrazení stejný. Zobrazení se nastavuje v Zenamu:
Přejděte do Nastavení > Stránka rozvrhu a otevřete záložku Veřejný rozvrh.
V části Widgety pro váš web rozbalte Rozvrh.
V části Zobrazení rozvrhu klikněte na Týdenní kalendář s rozvrhem lekcí, Seznam následujících 30 termínů nebo Seznam po týdnech. Zenamu vaši volbu hned uloží a kód na vašem webu měnit nemusíte.
Zobrazení v podobě seznamu není omezené na 30 dní: nadcházející lekce ukazuje po 30 a návštěvníci si mohou načíst další. Návštěvníci si také mohou v rozvrhu přepnout na jiné zobrazení.