Přeskočit na hlavní obsah

🔌 Rezervační widget do vlastního webu

Máte web, který funguje a nechcete ho měnit — jen na něm chybí místo, kde si host rezervuje. Widget vloží rezervační formulář Rezervos přímo do vaší stránky. Web zůstane váš, rezervace řeší Rezervos.

Funguje na čemkoli, kam smíte vložit kus HTML: WordPress, Wix, Squarespace, Webnode, Shoptet i ručně psaný web.

:::tip Kód si vygenerujete sami Formulář, ve kterém vyplníte adresu svého provozu a hned uvidíte náhled, najdete na rezervosapp.cz/nastroje/rezervacni-widget — zdarma a bez přihlášení. :::

Jak to vypadá v praxi​

Vygenerovaný kód má dva řádky:

<div data-rezervos="u-zlate-veverky" data-locale="cs" data-height="760"></div>
<script src="https://rezervosapp.cz/embed/rezervace.js" async></script>

První řádek je místo, kam se formulář vykreslí. Druhý načte skript, který ho tam vloží. Vložte oba — samotný <div> nic neudělá.

Nastavení​

Vše se řídí atributy na tom <div>.

AtributCo děláVýchozí
data-rezervosPovinné. Váš provoz — buď jen jeho název v Rezervos (u-zlate-veverky), nebo celá adresa, pokud používáte vlastní doménu (rezervace.mojerestaurace.cz).—
data-localeJazyk formuláře: cs nebo en.cs
data-heightPočáteční výška v pixelech. Minimum je 420.760

Poznávací znamení mezi obojím u data-rezervos je tečka: název provozu ji nikdy neobsahuje, doména vždycky.

Výšku většinou řešit nemusíte​

data-height je jen výška, se kterou se formulář vykreslí, než se stihne změřit. Potom si sám řekne o tolik místa, kolik potřebuje, a rámeček se přizpůsobí — když host projde z výběru služby na kalendář, widget se roztáhne, aniž by se uvnitř objevil posuvník.

Nastavte ji přibližně na výšku, kterou formulář zabírá u vás, aby stránka při načtení „neposkočila".

Kolik jich může být na stránce​

Kolik chcete. Skript vloží formulář do každého <div data-rezervos="…">, který na stránce najde — takže můžete mít jednu pobočku nahoře a druhou dole, každou s jiným data-rezervos.

Skript stačí vložit jednou na celou stránku.

Formulář v záložce nebo v okně​

Pokud se <div> objeví až později — otevřením záložky, modálního okna nebo náhledu v redakčním systému — skript o něm neví, protože v tu chvíli na stránce ještě nebyl. Řekněte mu to:

<script>window.Rezervos && window.Rezervos.mount();</script>

Zavolat to můžete kolikrát chcete; už vložené formuláře se nezdvojí.

Co widget dělá s návštěvníky vašeho webu​

Krátká odpověď: nic, co by vás mělo trápit.

  • Neukládá žádné cookies a nesleduje návštěvníky.
  • Nevolá nic třetího — jen váš vlastní rezervační formulář.
  • Váš souhlas s cookies a zásady ochrany údajů se nemění, protože widget nepřidává nic, co by tam už nebylo.

Skript je záměrně hloupý: postaví rámeček a jde od toho. Přesně proto ho může bez obav vložit i opatrný webař.

:::info Co se uvnitř načítá Uvnitř běží stránka /embed/book z vaší rezervační adresy — stejný formulář jako na vašem rezervačním webu, jen bez hlavičky, patičky a cookie lišty, které uvnitř cizí stránky nedávají smysl.

Je záměrně vyloučená z vyhledávačů (noindex), aby vám nekonkurovala vaší vlastní rezervační stránce ve výsledcích Googlu. Dvě adresy, jeden formulář — a do indexu patří jen ta vaše. :::

Když se formulář nezobrazí​

Projděte to shora dolů, první tři body pokrývají skoro všechno:

  1. Vložili jste oba řádky? Samotný <div> nestačí.
  2. Sedí data-rezervos? Zkuste si adresu otevřít přímo v prohlížeči — https://vas-nazev.rezervosapp.cz. Když se neotevře, nesedí název.
  3. Nepřepsal vám redakční systém kód? Řada editorů při vkládání do vizuálního režimu <script> odstraní. Vkládejte přes blok typu „HTML" / „Vlastní kód" / „Embed", ne do běžného textu.
  4. Není v adrese překlep se schématem? data-rezervos chce jen název nebo doménu — https:// si skript doplní sám a nesprávně zapsanou hodnotu raději odmítne, než aby postavil rámeček mířící nikam.
  5. Máte na webu přísné bezpečnostní zásady (CSP)? Pak musí povolovat frame-src a script-src pro rezervosapp.cz.

Pořád nic? Napište nám — viz Podpora a kontakt. Přiložte adresu stránky, kam jste kód vložili.

Co widget neumí​

Aby bylo jasné, kde jsou hranice:

  • Nezmění vzhled podle vašeho webu. Formulář vypadá tak, jak si ho nastavíte v nastavení vzhledu — barvy a písmo se řídí vaším motivem v Rezervos, ne stylem hostitelské stránky.
  • Nepřenáší data z vašeho webu. Host vyplní formulář od začátku.
  • Není to náhrada rezervační stránky. Je to druhé místo, odkud se na tutéž stránku rezervuje.

Souvisí​