Fix: Booking widget not showing on your website

This assumes you have already added the widget code to your website, see how to add the booking widget to your website first. If the code is in place but nothing shows, or you are not sure which code block your website builder wants, work through the checks below.

Troubleshooting by website builder

Most website builders can host the widget, but they differ in where custom code is allowed and which plans allow it at all. The block names below are the usual ones; check your builder’s own help if yours is named differently.

Squarespace

Use a Code Block on the page where you want the widget. Some Squarespace plans restrict Code Blocks, so if the block is not available at all, check your plan. If the block is there but the widget looks right while you are editing and the live page only shows a Book a table link, that is a separate failure mode: the loader script is not executing on the published site, which also comes down to your plan.

Check that the block is a Code Block (not a text block), that the whole snippet including the script is inside it, and that your plan allows custom code.

Wix

Use the Embed HTML element. Some Wix plans restrict custom code, so if the element is missing or its script does not run on the published site, check your plan.

Two things to watch for on Wix. First, if the embed code appears on the page as visible text, it went into a text element rather than an HTML embed element. Second, Wix puts each HTML embed inside its own frame with a fixed size, so give the element enough room: at least about 500 pixels wide and 650 pixels tall, or the widget is cropped and gets its own scrollbar.

WordPress and Elementor

In the block editor, use a Custom HTML block. In the classic editor, paste into the Text (code) view, not the Visual view, which strips script tags. In Elementor, use the HTML widget.

If the widget disappears after you save, a security or optimization plugin is most likely the cause. Plugins that sanitize post content strip <script> tags, and caching or “combine JavaScript” plugins can move the loader script away from its container so it never runs. Allow-list the Resos script or turn off script combining for that page and try again.

The widget is an iframe that scrolls on its own, so a full-height Elementor section or a sticky container can swallow scrolling inside it instead of letting the guest scroll the page. Give the embed its own block with room to breathe, rather than nesting it inside a section that controls scrolling.

Webflow

Use an Embed element on the page. Some Webflow plans restrict custom code, so if the element is missing or its script does not run on the published site, check your plan. Embeds are also not executed in the Designer canvas, so always check the published site rather than the editor preview.

Shopify

Shopify’s page editor strips scripts from rich-text content, so do not paste the code into the page body in the visual editor. Use the HTML view of the page editor, or add a custom HTML or custom Liquid section to the theme on the page where you want the widget.

GoDaddy

Use the HTML section or block in the GoDaddy website builder. Some GoDaddy plans restrict custom code sections, so if the section is not offered, check your plan.

If the widget still will not show

Work through these in order:

1. Look at the published page, not the editor. Most builders do not run custom scripts inside their own preview.
2. Check whether you see a Book a table link. If you do, the code arrived but the loader script did not run. If you see the raw code as text, the code went into a text block instead of a code block. If you see nothing at all, the code was not saved.
3. Open the browser console on the published page and look for a blocked or failed request to the Resos widget script. A content security policy, a script blocker or an aggressive optimization plugin will show up here.
4. Check your cookie banner. Some consent tools block third-party scripts until the visitor accepts. If your banner is set to hold back all non-essential scripts, the widget only appears after the visitor accepts.
5. Re-copy the code. If you edited the snippet by hand, the class name, the container id or the data- attributes may no longer match what the loader looks for. Copy it fresh from Link & widget.
6. Give the widget room. The widget fills the width of the element it sits in, up to about 500 pixels, and needs roughly 650 pixels of height. In a narrow sidebar or a short fixed-height container it will look cut off.

If you get stuck, use your booking link as a fallback. It is right above the widget code in Menu → Settings & add-ons → General → Link & widget, and it opens your full booking page hosted by Resos. Put it behind a Book a table button on your site and your guests can book straight away while you sort the embed out. The booking link needs no custom code, so it works whatever plan your website builder is on.

If you have worked through all of this and the widget still does not show, contact us at hi@resos.com.