Integration guide

How to add table reservations to your website

The widget is a single embed: one script tag and one empty container. No iframe, no build step.

Step 1: Get your embed code

  1. Open Embed Code in the admin panel and copy the snippet. It already contains your restaurant's key.
  2. Add your website's domain under Domains so the widget is allowed to load there.
<div id="reservier-widget"></div>
<script src="https://app.reservier.me/embed.js"
        data-key="YOUR_KEY"
        data-target="reservier-widget"
        defer></script>
Enter the domain without https:// and without a trailing slash. www.example.com and example.com are two different domains: add the one your site is actually opened on.

Options

Force a language with data-lang="en" (also de, it); otherwise your restaurant's language is used. Colour, logo and privacy link come from your settings.

Any other website (HTML)

  1. Open the template or HTML file of the page you want.
  2. Paste the snippet where the widget should appear (before </body> is a safe default).
  3. Save, publish and check the live page.

Website builders with a "Custom HTML", "Embed" or "Code" element (such as Squarespace and Webflow) take the same snippet.

Wix is not supported yet, because embedded elements there cannot be authorized by domain. Contact us if you use Wix.

WordPress

Works with the block editor, the Classic Editor and page builders.

  1. Open the page in wp-admin.
  2. Add a Custom HTML block (in Classic Editor use the Text tab).
  3. Paste the snippet.
  4. Update or publish.

The editor preview will not show the widget; that is expected. Check the published page.

For every page: use a plugin such as WPCode or Insert Headers and Footers instead of editing footer.php, so theme updates do not remove it. With Elementor or Divi use an HTML element.

Shopify

Best with Online Store 2.0 themes. Older themes need a different method.

  1. Optionally create a "Book a table" page and add it to the navigation.
  2. Open the theme editor and pick that page.
  3. Add a Custom Liquid section and paste the snippet.
  4. Save.

Older themes: under Edit code open the page template (e.g. page.liquid) and paste the snippet directly.

Troubleshooting

The widget area is empty or shows "Not found" or an error

The domain is most likely not authorized. Check the exact entry under Domains: no https://, no trailing slash, with or without www exactly as the site is opened.

Works in preview but not live

Authorize the public domain, not a staging or preview address.

The widget loads but shows no times

Under Shifts & closures, confirm there is an active shift with seats for the tested weekday and that the day is not closed. If you use areas (e.g. Terrace), their seats must fit the party size.

The confirmation email does not arrive

Ask the guest to check the spam folder. The reservation only becomes binding after the link is clicked, and the table is held for 20 minutes.

← Back to reservier.me