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 view | Paste the snippet into your HTML where you want the booking calendar to appear. The booking flow is displayed directly on the page. The link also works as a fallback if JavaScript does not load. |
| Popup button | Paste the snippet into your HTML. A Book appointment button appears on the page and opens the booking flow in a popup window. |
Get the embed code
- In the dashboard, open the Publish page.
- Find the Embed on website section.
- Copy the snippet for the inline view or the popup button.
- Paste the snippet into your website HTML where you want it to appear.
TipIf your plan does not include the embed feature, Bokko shows the section as locked. Upgrade from the Plans page to unlock it.
InfoIf you use multiple locations and want to open a specific location inside the widget, the embed supports a
data-location attribute with the location slug. The exact attribute format is documented on the developer docs page linked below.WarningThe current embed widget does not offer a dashboard-level language switch or a
data-locale override. If locale-specific routing matters on your website, use the direct booking link strategy and confirm the exact behavior in the developer docs.InfoDeveloper Documentation: The embed widget JavaScript API, postMessage events and security model are available on the Bokko Public API – Embed Widget page.