Ahelyett, hogy különálló foglalási URL-re küldenéd a vendégeket, a Bokko foglalási folyamatot közvetlenül a saját weboldaladba is beágyazhatod. A Bokko kétféle beágyazást kínál: beágyazott nézetet és felugró gombot.
InformációA beágyazás funkció Pro csomagtól elérhető. Facebook és Instagram oldaladra a direkt foglalási linket használd — a beágyazás weboldalakra való.
Beágyazási lehetőségek
| Lehetőség | Hogyan működik |
|---|---|
| Beágyazott nézet | Illeszd be a kódot a weboldalad HTML-jébe oda, ahol a foglalási folyamatot szeretnéd megjeleníteni. A foglalási oldalt a Bokko widgetje (JavaScript) jeleníti meg az oldaladon; ha a JavaScript nem töltődik be, a kódban lévő „Foglalás megnyitása” link a foglalási oldalra visz. |
| Felugró gomb | Illeszd be a kódot a weboldalad HTML-jébe. Egy Foglalj időpontot! gomb jelenik meg az oldalon, és felugró ablakban nyitja meg a foglalási folyamatot. A gomb szövegét a kód data-button-text attribútuma adja; ezt át is írhatod. |
A beágyazó kód megszerzése
- A dashboardon nyisd meg a Publikálás oldalt. A beágyazás kártyája csak közzétett foglalási oldalnál jelenik meg.
- Görgess a Beágyazás weboldalba kártyáig, és kattints rá a kinyitásához — alapból csukva van.
- A Beágyazott nézet vagy a Felugró gomb kódja melletti másolás ikonnal (Kód másolása) másold ki a kódot. A „Beágyazó kód másolva!” jelzi, hogy kész.
- Illeszd be a kódot a weboldalad HTML-jébe oda, ahol meg szeretnéd jeleníteni.
- 1. Beágyazás weboldalba
TippStarter csomagon a kártya halványan, lezárva látszik, „Pro funkció” jelöléssel, és nem nyitható ki. A jelölésre kattintva a Csomagok oldalon válthatsz csomagot.
- 1. Lezárt kártya, Pro funkció
InformációHa az üzletednek több telephelye van, és egy konkrét telephelyet szeretnél megnyitni a widgetben, a beágyazás támogatja a
data-location attribútumot a telephely slugjával. A dashboardból másolt kód ezt nem tartalmazza, kézzel kell hozzáírni; a pontos formátum a lenti fejlesztői dokumentációban található.FigyelemA widget mindig a magyar foglalási oldalt nyitja meg, és nem támogat
data-locale felülírást — angol felületről másolt kód esetén is. A felugró gomb alapszövege is magyar. Ha más nyelvű vendégeknek szánod, használd inkább a direkt foglalási linket a megfelelő nyelvi alakban.InformációFejlesztői dokumentáció: Az embed widget JavaScript API, postMessage események és biztonsági modell a Bokko Public API – Embed Widget oldalon.