For your website

Add a reservation widget to your Wix site

An Embed HTML element on your reservations 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 Wix

1. Open your reservations page in the Wix editor.
2. Add an Embed Code element: Add > Embed Code > Embed HTML.
3. Paste the snippet into the code box and apply.
4. Stretch the element to the full width of the page.
5. Publish.

Good to know

• Wix puts every Embed HTML element inside a box of its own, so the form can't grow the page by itself. Make the element about 1,100 pixels tall in the editor's mobile view; the form fits inside it on every step.
• Prefer a single frame? Use Add > Embed Code > Embed a Site instead, point it at your booking address, and set its height once.
• Wix can't run custom code outside the element and can't hold every kind of DNS record. If you want bookings on your own address (reserve.yourrestaurant.com) or email from your own domain, keep your domain's DNS with a real DNS host such as Cloudflare. We can help you move it.

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