Add a reservation widget to your Webflow site
An Embed element on the page.
The snippet
Copy yours from Settings > Website in Maitrebook; it has your own booking address in it. It looks like this:
<iframe id="mb-book" src="https://your-restaurant.book.maitrebook.com/" title="Reserve a table" loading="lazy" style="width:100%;border:0;min-height:640px"></iframe>
<script>window.addEventListener("message",function(e){var d=e.data||{};if(d.type==="dbr:height"){var f=document.getElementById("mb-book");if(f)f.style.height=d.height+"px";}if(d.type==="dbr:scrollTop"){var g=document.getElementById("mb-book");if(g)g.scrollIntoView({behavior:"smooth",block:"start"});}});</script>On Webflow
- Drag an Embed element onto the page.
- Paste the snippet and save.
- Publish. The form shows on the published site, not in the Designer.
Rather not touch your site? Add a "Book a table" button that links to your booking page instead. It is the same form, on a page of its own.
Other platforms: Wix, Squarespace, WordPress, Shopify, GoDaddy, No website? The hosted page.