Install the Seatingly booking widget

The Seatingly booking widget puts your booking flow directly on your own website, so guests never have to leave your pages to reserve a table, a chair or an appointment slot. You configure it once in the Partner Portal, paste two lines of HTML into your site, and every future change you publish appears automatically.

Where the widget livesCopy link to section: Where the widget lives

Everything to do with the widget is in one place: Partner Portal → Business Profile → Booking Widget, at /app/business/widget. That page holds your appearance settings, your location list, your draft and published states, and the embed code you copy into your site.

Step 1 — Configure the widgetCopy link to section: Step 1 — Configure the widget

Set the essentials before you publish. You can refine the look later without touching your website again.

1. 1Open Business Profile → Booking Widget in the Partner Portal.
2. 2Choose the language your guests should see: English, Español, Français, Deutsch, Português or العربية.
3. 3Pick a widget type — Inline widget, Floating booking button, Booking button or link, or Popup window.
4. 4Choose a booking path. We recommend Complete booking inside the widget — it keeps guests on your page and performs best on mobile.
5. 5Confirm the location or locations the widget should offer. See Add multiple locations to one widget if you run more than one branch.

Step 2 — Publish your configurationCopy link to section: Step 2 — Publish your configuration

Widget settings use a draft-and-publish model, so you can experiment safely while your live widget carries on taking bookings.

Step 3 — Copy the embed codeCopy link to section: Step 3 — Copy the embed code

Copy the snippet from the Booking Widget page. It is two lines: a container element that marks where the widget should appear, and the loader script that renders it.

<div data-seatingly-widget="YOUR_WIDGET_ID"></div>
<script async src="https://seatingly.com/widget/v1.js"></script>

• The <div> is the placeholder. Put it exactly where you want the booking experience to appear on the page.
• The <script> loads Seatingly. It is marked async, so it will not block the rest of your page from loading.
• Include the script once per page, even if you place several widget containers on it.

Step 4 — Paste it into your websiteCopy link to section: Step 4 — Paste it into your website

Where the code goes depends on the platform your site runs on. We have step-by-step guides for the most common ones:

• Add the booking widget to WordPress
• Add the booking widget to Wix
• Add the booking widget to Squarespace
• Add the booking widget to Shopify

On a hand-built site, paste both lines into the page template wherever you want the widget to sit — typically inside your "Book a table" or "Appointments" section.

Step 5 — Test the live widgetCopy link to section: Step 5 — Test the live widget

1. 1Open the published page in a normal browser window, not the site editor preview.
2. 2Check that the widget renders, that your location list is correct, and that available times load.
3. 3Repeat on a phone. Most booking traffic is mobile, and the inline booking path is designed for it.
4. 4Make one test booking end to end, then cancel it from the portal so it does not sit in your book.

If your site will not accept scriptsCopy link to section: If your site will not accept scripts

Some page builders and blog editors strip <script> tags out of post and page bodies. When that happens, link to your hosted booking page instead — it is the same booking flow, just on a Seatingly URL:

https://seatingly.com/w/YOUR_WIDGET_ID

Put that link behind a "Book now" button in your navigation, in your social profiles, or anywhere a full embed is not possible.

You only paste the code onceCopy link to section: You only paste the code once

Next, make it look like your brand: read Customize your booking widget. If you plan to run campaigns, set up marketing tracking links so you can see which channels actually bring bookings.