Přejít na obsah

Dokumentace

Jak funguje widget Eazo.

Srozumitelný návod pro majitele firem - bez nutnosti umět programovat. Vložení na web, nastavení vzhledu i pokročilejší triky jako widget jen pro jednu službu.

1. Vložení widgetu na web

Widget vložíte na jakoukoli stránku dvěma řádky HTML - bez pluginu, bez instalace, bez zásahu vývojáře. Vlastní kód s vaším identifikátorem najdete po přihlášení v administraci na stránce Nastavení widgetu, obecně vypadá takto:

<script src="https://cdn.eazo.eu/widget/embed.js" defer></script>
<eazo-widget data-tenant="váš-identifikátor"></eazo-widget>

Kód stačí vložit tam, kam patří widget - na vlastní stránku, do postranního panelu, nebo třeba jako vlastní HTML blok ve WordPressu, Webflow nebo jiném redakčním systému. Widget se načte asynchronně, takže nijak nezpomalí zbytek stránky.

2. Vzhled a chování

Vše, co widget zákazníkům ukazuje, si nastavíte na stránce Nastavení widgetu v administraci - bez úpravy kódu:

  • Hlavní barva a motiv - světlý, tmavý, nebo podle zařízení návštěvníka.
  • Jazyk - čeština nebo angličtina.
  • „Powered by Eazo“ - drobný odkaz v patičce, lze vypnout v placeném tarifu.
  • Jak dopředu lze rezervovat - kolik měsíců dopředu vidí klienti volné termíny.
  • E-mailová potvrzení - zda klient po rezervaci dostane e-mail.

Potřebujete vzhled doladit na konkrétní stránce jinak, než máte nastaveno globálně? Stejná stránka v administraci obsahuje i seznam volitelných HTML atributů (jazyk, motiv, šířka a další), kterými jde nastavení pro dané vložení přepsat.

3. Widget na jednu předvybranou službu

Máte na webu samostatnou stránku pro jednu konkrétní službu (třeba landing page pro jeden zákrok nebo konzultaci)? Nemusíte nutit klienty, aby si tu stejnou službu znovu hledali v seznamu - widget ji umí mít rovnou předvybranou.

Hotový kód pro konkrétní službu najdete přímo na její stránce v administraci, v sekci „Kód pro vložení (jen tato služba)“. Vypadá takto:

<eazo-widget
  data-tenant="váš-identifikátor"
  data-service="identifikátor-služby"></eazo-widget>

S tímhle kódem klient přeskočí výběr služby a jde rovnou na výběr termínu, ale pořád se může vrátit a zvolit i jinou službu - vidí odkaz „Změnit“ u vybrané služby.

Chcete nabídnout opravdu jen tuhle jednu službu?

Když má stránka smysl jen pro jednu konkrétní službu (a nechcete, aby klient omylem odešel k jiné), přidejte ke kódu ještě atribut data-lock-service:

<eazo-widget
  data-tenant="váš-identifikátor"
  data-service="identifikátor-služby"
  data-lock-service></eazo-widget>

S tímto atributem navíc:

  • zmizí odkaz „Změnit“ u vybrané služby - klient nemá jak přejít na jinou,
  • zmizí i tlačítko zpět - z výběru termínu se tak není kam vracet,
  • widget začne rovnou číslovat od kroku 1, takže na počítání kroků nepůsobí, že jeden krok chybí.

V administraci si obě varianty nemusíte pamatovat ani psát ručně - na stránce dané služby v sekci „Kód pro vložení (jen tato služba)“ stačí zaškrtnout přepínač „Bez možnosti změny služby“ a hotový kód s data-lock-service se zobrazí sám. Bez zadaného data-service nemá data-lock-service žádný účinek.

4. Nemáte vlastní web?

Žádný problém. Ke každému účtu patří i samostatná veřejná stránka pro rezervace, kterou najdete v administraci v sekci „Veřejný odkaz na rezervace“. Stačí ji sdílet - na sociálních sítích, v e-mailovém podpisu nebo třeba na vizitce - a klienti si u vás rezervují přímo na ní, bez nutnosti mít vlastní web.

Časté dotazy

Zpomalí widget můj web?

Ne. Widget se načítá asynchronně a odděleně od zbytku stránky (přes tzv. Shadow DOM) - nejdřív se načte váš web, teprve pak se na pozadí tiše připraví widget.

Funguje na WordPressu nebo Webflow?

Ano, funguje všude, kde jde vložit vlastní HTML kód - stačí vložit dva řádky ze stránky Nastavení widgetu do sekce pro vlastní kód/HTML blok ve vašem redakčním systému.

Můžu mít widget na víc stránkách s různým nastavením?

Ano. Základní vzhled se nastavuje v administraci a platí všude, ale jednotlivé atributy (např. jazyk, šířka nebo předvybraná služba) lze pro konkrétní vložení přepsat přímo v HTML kódu.

Jak nastavím widget jen pro jednu službu?

V administraci otevřete danou službu a v sekci „Kód pro vložení (jen tato služba)“ zkopírujte předpřipravený kód s atributem data-service, případně i data-lock-service, pokud nemá jít vybrat jiná.

Nenašli jste odpověď?

Napište nám, co potřebujete vyřešit - ozveme se co nejdřív.