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

Copy the snippet from Settings → Website widgets, then paste it into a Wix custom-code embed — site-wide for a floating button, or an HTML embed element for an in-page widget.

A ResoFlow widget is a single line of code, so adding one to Wix 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 — Bookings, Gift cards, What's on, Menu, Loyalty join, Waitlist or the Everything widget.
• Choose a Display mode. On Wix, Floating button and Full-page takeover are the smoothest, because they don't have to fit inside a fixed-size box on your page.
• 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 Wix

Wix has two routes, and the right one depends on your display mode:

• A corner button on every page (Floating button or Full-page takeover): use Wix's site-level Custom Code settings, paste the snippet, apply it to all pages, and set it to load in the Body – end.
• A widget inside one page (In your page): add an Embed a widget / Embed HTML element where you want it, choose the Code option rather than a website address, and paste the snippet there.

Then publish and check the live site rather than the editor — Wix does not run embedded code in the editor, so a widget that looks missing while you're building is usually fine once published.

Wix renames its menus fairly often and the editor differs between Wix Editor, Editor X and Wix Studio. The two concepts above — site-wide custom code, and an HTML embed element on a page — are the stable parts. If you can't find them, search Wix's own help for "custom code" or "embed HTML".

Things worth knowing

• Custom code needs a paid Wix plan with a connected domain. Wix blocks custom code on free sites, which is the usual reason the option is missing.
• In-page embeds sit in a fixed box. A Wix HTML embed is a sized frame, so if an in-page widget looks cut off, make the element taller — or switch to Floating button in ResoFlow, which is not constrained by your page layout at all.
• You never need to re-paste. Change text, colour, position or 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 Squarespace site? · How do I add a ResoFlow widget to a WordPress site? · How do I add a ResoFlow widget to a Shopify site?