Add a reservation widget to your Shopify site

The page editor's HTML view, or a Custom Liquid section.

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 Shopify

Go to Online Store > Pages and open the page for reservations.
Switch the editor to HTML with the <> button.
Paste the snippet and save.

Good to know

Or, in the theme editor, add a Custom Liquid section to a page template and paste the snippet there.

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.

Start free and get your snippet See the widget first

Other platforms: Wix, Squarespace, WordPress, Webflow, GoDaddy, No website? The hosted page.