How do I add a ResoFlow widget to a Squarespace site?

Copy the snippet from Settings → Website widgets, then paste it into a Squarespace Code Block (for an in-page widget) or Code Injection (for a floating button on every page).

A ResoFlow widget is a single line of code, so adding one to Squarespace is a copy-and-paste job. Nothing needs installing.

Only Owners and Admins can copy the snippet.

1. Get your snippet from ResoFlow

• Go to Settings → Website widgets.
• Pick the widget you want from the cards at the top — Bookings, Gift cards, What's on, Menu, Loyalty join, Waitlist or the Everything widget.
• Choose a Display mode. For Squarespace the two easiest are Floating button (a corner button on your page) and In your page (the widget appears exactly where you paste it).
• In the Embed snippet card, click Copy.

The snippet looks like this:

<script src="https://resoflow.co.uk/widget.js" data-restaurant="your-restaurant-id" data-widget="book" data-mode="button" async defer></script>

2. Paste it into Squarespace

Squarespace has two places code can go, and which one you want depends on the display mode you chose:

• One specific spot on one page (best for In your page — an inline menu, a What's on strip, a booking form inside your page): edit the page, add a Code block where you want the widget, and paste the snippet into it.
• Every page (best for Floating button or Full-page takeover — a corner button that follows visitors around): use your site's Code Injection settings and paste the snippet into the Footer box.

Save, then view your live site — not the editor preview. Squarespace often does not run embedded code inside the editor, so a widget that looks missing while editing is usually working fine on the real page.

Squarespace changes its menus from time to time, and the exact wording differs between plans. The two concepts above — a code block on a page, and site-wide footer code injection — are the stable parts. If you can't find them, search Squarespace's own help for "code block" or "code injection".

Things worth knowing

• Code blocks and Code Injection need a paid Squarespace plan. Squarespace does not allow custom code on its cheapest tier. If the option is missing entirely, that is usually why.
• You never need to re-paste. Change the button text, colour, position or even the display mode in ResoFlow and your site picks it up within a minute.
• Turn everything off in one place. The Show widgets on your website switch removes every ResoFlow widget from your site within a minute.
• Test it properly. The widget opens your real pages, so a test booking or purchase is a real one — cancel it afterwards if you make one.

Related: How do I add booking, gift card and other widgets to my own website? · How do I add a ResoFlow widget to a Wix site? · How do I add a ResoFlow widget to a WordPress site? · How do I add a ResoFlow widget to a Shopify site?