How to embed the widget.
Two lines of code and bookings run on your website. The widget picks up your site’s colours, fonts and corner radius; the steps and checks stay the same. The guide in the admin gives you the code with your address; here is what it looks like.
The code
Put the first line where the widget should appear and the second anywhere on the page, for example at the end. Replace yourvenue with your Booklio address.
<div data-rezervace data-jazyk="en"></div>
<script src="https://yourvenue.booklio.ai/vlozit.js" defer></script>Three forms
Form on the page
The widget right in the page, for example on your Bookings page.
<div data-rezervace data-jazyk="en"></div>Button with a window
A button that opens the booking in a window over the page. Good for the header or next to the menu.
<div data-rezervace="tlacitko" data-jazyk="en" data-text="Book a table"></div>Gift cards
Gift card orders, if you have the Gift cards add-on switched on.
<div data-karty data-jazyk="en"></div>
Where to put the code
WordPress
In the page editor, add a Custom HTML block and paste both lines into it.
Wix
Add Elements, Embed Code, Embed HTML. Paste both lines into the Code field and stretch the frame to the page width.
Webnode
Add an HTML code element to the page and paste both lines into it.
Your own site
Put the div line in the page HTML where the widget should be, and the script line before the closing body tag.
No website yet?
Booklio has a standalone booking page at your address, for example yourvenue.booklio.ai/rezervace. Link to it from Instagram, Google Maps, Facebook or a QR code on the table.
Get in touch