Help centre
Add online booking to your website
The booking widget shows a floating button that opens a booking window over your site, or a panel embedded directly in a page. It goes live with one line of code copied from your settings, once you have declared the sites allowed to display it.
What the widget does
The booking widget reproduces, on your own website, the same form your customers already use from your SimplyRestau menu. Two layouts are available depending on the attribute you choose when adding the code: a floating button that opens a booking window over the page (the default), or a panel embedded directly in the flow of a page — for example a “Book a table” page on your site.
Either way, it is the very same form available from your public menu: the same time slots, the same service rules, the same card-hold guarantee if you have activated it. A booking taken through the widget lands on your schedule exactly like any other.
Three requirements before you add the code
- The Reservations add-on is active on your subscription.
- The booking module is switched on in your settings, with time slots and service configured.
- At least one site is declared under “Allowed sites”.
Copy the code from your settings
Open Reservations → Settings, then the “Booking on your website” section. Start with the Allowed sites field: one address per line, in the exact format of your site — for example https://www.my-restaurant.com, scheme and subdomain included. This is the list your visitor’s browser checks before it agrees to display the form.
Once at least one site is declared, the Code to copy field automatically shows the line to add to your site, with your restaurant identifier already filled in:
<script src="https://menu.simplyrestau.fr/widget/v1/widget.js" async data-restaurant="{id}" data-mode="button"></script>{id} is already replaced with your actual restaurant identifier in the code shown on screen: copy it as it is, without editing it.
Paste the code on your site
Where exactly you paste it depends on the tool your site is built with.
| Site builder | Where to paste the code | Watch out for |
|---|---|---|
| WordPress | The page’s “Custom HTML” block, or a footer widget for a button on every page | Paste the code once only: a single block is enough, not one per post |
| Wix | Add → Embed code → HTML | Custom code is not available on every Wix plan; if the option is missing, use the raw iframe fallback further down |
| Squarespace | The page’s Code block, or footer code injection in site settings | Footer injection adds the button to every page in one go |
| Webflow | An Embed element, added once for the whole site or on the pages you need | Publish the site after adding it: the preview alone does not always load external scripts |
| Custom-built site | Just before the closing |