Add the booking widget to Wix

Wix can host the Seatingly booking widget through its embed elements. The process takes a couple of minutes, but Wix has two quirks worth knowing about before you start: custom code needs a paid Wix plan, and embedded elements sit in a fixed-size box you have to stretch yourself.

Get your embed codeCopy link to section: Get your embed code

Copy it from Business Profile → Booking Widget in the Partner Portal, and confirm the configuration shows as Published.

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

Add the widget to a pageCopy link to section: Add the widget to a page

1. 1Open your site in the Wix Editor and go to the page where you want bookings to appear.
2. 2Click Add Elements (the + button), then choose Embed Code.
3. 3Select Embed a Widget. Wix places an empty embed box on the canvas.
4. 4Click Enter Code and paste both lines of the Seatingly snippet.
5. 5Click Update, then drag the box to the position and size you want.
6. 6Publish the Wix site and open the live URL in a normal browser tab to test.

Size the embed box properlyCopy link to section: Size the embed box properly

Wix embed elements do not grow with their contents. If the box is too short, the booking flow will be cut off or will scroll inside a small window, which is a poor experience on a phone.

• Drag the embed box tall enough that the whole booking form is visible without inner scrolling.
• Switch to the mobile editor and resize it there separately — Wix keeps desktop and mobile sizes independent.
• Leave some spare height below the widget so longer steps, such as a list of available times, still fit.

A floating button across the whole siteCopy link to section: A floating button across the whole site

If you chose the Floating booking button widget type, add the code once in Wix’s site-level custom code area (Settings → Custom Code in your Wix dashboard), applied to all pages and loaded in the body. That way the button appears everywhere rather than only on the page holding an embed box.

If the widget does not appearCopy link to section: If the widget does not appear

• You only see it in the editor, or only on the live site. Wix does not render custom code in the editor preview. Always test on the published URL.
• The box is empty. Confirm your widget configuration is published in the Seatingly portal and that both lines of the snippet were pasted.
• The widget is clipped. The embed box is too small. Resize it on desktop and mobile.
• Custom code options are greyed out. The site is on a free Wix plan. Use the direct booking link instead.

https://seatingly.com/w/YOUR_WIDGET_ID

Next: customize the widget so it matches your Wix theme, or set up tracking links to see how much of your booking volume the website drives.