Instead of sending guests to a separate booking URL, you can embed the Bokko booking flow directly into your own website. Bokko provides two embed options: an inline view and a popup button.
InfoThe embed feature is available on Pro plan and above. For Facebook and Instagram, use the direct booking link instead — embedding is designed for your own website.
Embed options
| Option | How it works |
|---|---|
| Inline embed | Paste the snippet into your HTML where you want the booking flow to appear. The Bokko widget (JavaScript) shows the booking page on your site; if JavaScript does not load, the “Foglalás megnyitása” (open booking) link in the snippet takes guests to the booking page. |
| Popup button | Paste the snippet into your HTML. A Foglalj időpontot! button appears on the page and opens the booking flow in a popup window. The button text comes from the snippet’s data-button-text attribute, and you can change it. |
Get the embed code
- In the dashboard, open the Publish page. The embed card only appears once your booking page is published.
- Scroll to the Embed on your website card and click it to expand it — it is collapsed by default.
- Copy the snippet with the copy icon (Copy code) next to Inline embed or Popup button. “Embed code copied!” confirms it.
- Paste the snippet into your website HTML where you want it to appear.
- 1. Embed on your website
TipOn the Starter plan the card is shown faded and locked with a “Pro feature” label, and it cannot be expanded. Click the label to change plans on the Plans page.
- 1. Locked card, Pro feature
InfoIf your business has more than one location and you want to open a specific location inside the widget, the embed supports a
data-location attribute with the location slug. The snippet copied from the dashboard does not include it; add it by hand. The exact format is documented on the developer docs page linked below.WarningThe widget always opens the Hungarian booking page and does not support a
data-locale override — even when the snippet is copied from an English dashboard. The default popup button text is Hungarian too. For guests in other languages, use the direct booking link in the right language form instead.InfoDeveloper Documentation: The embed widget JavaScript API, postMessage events and security model are available on the Bokko Public API – Embed Widget page.