Add a reservation widget to your Squarespace site
A Code block on any 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 Squarespace
- Edit the page where guests should book and add a Code block.
- Paste the snippet, leave the type as HTML, and save.
- Set the block to the full width of the section, then save the page.
Good to know
- If your Squarespace plan does not allow code blocks with scripts, link a "Book a table" button to your booking address instead. It opens the same form.
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, WordPress, Shopify, Webflow, GoDaddy, No website? The hosted page.