Po dokončení tohto návodu budete mať rezervačný widget na vlastnom webe – hostia vyberú dátumy, vyplnia formulár a vy dostanete rezerváciu. Žiadne presmerovanie na portál.
Čo budete potrebovať
- Ubytovanie v časti Vaše nastavenie → Ubytovania (alebo službu v časti Služby)
- Prístup na úpravu vášho webu (alebo vývojára, ktorý ho má)
- ~5 minút
- Fungujúci widget viditeľný na vašom webe
- Hostia si môžu vybrať dátumy a odoslať rezerváciu
- Výber medzi dvoma typmi vloženia (skript alebo iframe) a ten správny pre váš web
Krok 1: Otvorte widget
Prvý widget sa vytvorí automaticky počas sprievodcu nastavením. Otvoríte ho takto:
Bočné menu → kliknite na svoje ubytovanie v časti Ubytovania → Widgety → kliknite na widget v zozname.
Uvidíte časti Názov a jazyk, Typ a vzhľad, Náhľad, Kód na vloženie a polia Rezervačného okna.
Časť Kód na vloženie sa zobrazí až po aspoň jednom uložení widgetu. Ak ju nevidíte, hore kliknite na Uložiť widget.
Krok 2: Vyberte typ vloženia
Cabintale vám dáva na výber dva úryvky. Oba vložia na vašu stránku ten istý widget – vyberte ten, ktorý sa k vášmu webu hodí lepšie.
Skript (odporúčaný pre väčšinu webov)
<cabintale-root data-place="[place-token]" data-token="[widget-token]"></cabintale-root>
<script src="https://admin.cabintale.com/widget-embed.js" async></script>- Prispôsobí si veľkosť kalendáru – nemusíte nastavovať pevnú výšku.
- Rezervačné okno sa otvorí na celú obrazovku nad vašou stránkou (v mobile vyzerá skvele).
- Funguje na WordPresse, jednoduchých HTML weboch, Squarespace, Webflow, vlastných tvorcoch webov – kdekoľvek, kde môžete vložiť dva riadky HTML.
Iframe (jednoduchší, konzervatívnejší)
<iframe
src="https://admin.cabintale.com/widget/[widget-token]"
width="100%"
height="450"
frameborder="0"
style="border: none;"
scrolling="no">
</iframe>- Vloží celý widget do rámčeka pevnej veľkosti na vašej stránke.
- Rezervačné okno sa otvorí vnútri tohto rámčeka.
- Hodí sa pre tvorcov webov, ktoré neumožňujú vyššie uvedený skript, alebo všade, kde je „len iframe“ najjednoduchšia cesta.
Výška rámčeka je nastavená za vás (450 pri ubytovaniach, 550 pri službách). Ak je váš rezervačný formulár dlhý a oreže sa, zvýšte číslo height.
Krok 3: Skopírujte kód
Prepnite na vybraný variant a kliknite na Kopírovať kód skriptu (alebo Kopírovať kód iframe) – tlačidlo na chvíľu potvrdí, že sa skopírovalo.
Krok 4: Vložte ho na svoj web
Kam ho vložiť:
| Platforma | Kam |
|---|---|
| WordPress | Upravte stránku → pridajte blok Vlastné HTML → vložte |
| Squarespace | Pridajte blok Code → vložte |
| Wix | Embed → HTML iframe (použite úryvok s iframe) |
| Webflow | Pridajte komponent Embed → vložte |
| Obyčajné HTML | Kdekoľvek vnútri <body> |
Uložte a zverejnite stránku. Otvorte ju – widget by sa mal zobraziť tam, kam ste vložili kód.
Krok 5: Vyskúšajte rezerváciu
Kliknite na svoj widget tak, ako by to urobil hosť. Vyberte dátum, vyplňte formulár a odošlite. Skontrolujte, že:
- Rezervácia sa zobrazí v časti Rezervácie v administrácii.
- Dostanete e-mail pre ubytovateľa (ak sú e-mailové upozornenia zapnuté).
Ak ste pri ubytovaní nastavili režim Rezervácie na požiadanie, rezervácia bude čakať, kým ju nepotvrdíte (pozrite Okamžitá rezervácia vs. rezervácia na požiadanie).
Čo vidia hostia
- Kalendár s viditeľným 1, 2 alebo 3 mesiacmi (nastaviteľné vo vzhľade a štýle).
- Dostupné dátumy sa dajú kliknúť; obsadené alebo dátumy s nulovou cenou sú zablokované.
- Po výbere dátumov sa otvorí rezervačné okno s formulárom, ktorý môžete upraviť (pozrite Vlastný rezervačný formulár).
- Po odoslaní hosť uvidí potvrdzujúcu správu – s iným znením pri okamžitej rezervácii a pri rezervácii na požiadanie.
Riešenie problémov
| Príznak | Príčina | Riešenie |
|---|---|---|
| Widget sa vôbec nezobrazuje | Ubytovanie alebo widget je nastavený ako Neaktívna | Otvorte ubytovanie aj widget; obe musia byť aktívne |
| Časť Kód na vloženie je prázdna | Widget ešte nie je uložený | Hore na detailnej stránke kliknite na Uložiť widget |
| Iframe je príliš nízky – rezervačné okno sa oreže | Predvolená výška 450/550 nestačí pre dĺžku vášho formulára | Zvýšte číslo height v iframe, alebo prejdite na úryvok so skriptom (veľkosť si upraví sám) |
| Tlačidlo Kopírovať akoby nefungovalo | Niektoré prehliadače blokujú kopírovanie na nezabezpečených stránkach | Uistite sa, že váš web používa HTTPS, alebo kód označte a skopírujte pomocou Ctrl+C / Cmd+C |
| Widget ukazuje nesprávny jazyk | Jazyk widgetu je nastavený na niečo iné | Otvorte widget a zmeňte Jazyk widgetu (pozrite Jazyky a meny) |
| Úryvok so skriptom sa na vašom webe nenačíta | Váš web blokuje externé skripty | Prejdite na úryvok s iframe, alebo požiadajte svojho webára, aby povolil admin.cabintale.com |
Súvisiace návody
- Viac variantov widgetu – Viac variantov widgetu
- Vzhľad a štýl (téma, farby, rozloženie) – Vzhľad a štýl widgetu
- Vlastný rezervačný formulár – Vlastný rezervačný formulár
- Kalendár časových intervalov (pre služby) – Kalendár časových intervalov (widget služby)