Add a reservation widget to your WordPress site
A Custom HTML block in the block editor.
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 WordPress
- Edit the page and add a Custom HTML block.
- Paste the snippet and update the page.
Good to know
- Some themes and security plugins strip scripts from posts. If the form appears but stays short, allow HTML blocks for editors, or ask us and we will look at your site with you.
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, Shopify, Webflow, GoDaddy, No website? The hosted page.