Squarespace, Wix, WordPress

Step-by-step for the three website builders we get asked about most. The snippet itself is identical across all platforms — these guides are about where to paste it.

Squarespace (7.1 & later)

1. Open the page where you want the configurator. Most operators add a new page called Book or Get a quote.
2. Click Edit, then add a section.
3. Click the + in the new section and choose Code.
4. Paste the snippet from the dashboard's Embed page.
5. Make sure Display source is unchecked (you don't want the code shown to visitors).
6. Click Apply, then Save.
7. Preview the page — the configurator should appear within a second.

Wix

1. Open the page where you want the configurator in the Wix editor.
2. Click + Add Elements, then Embed Code → Embed HTML.
3. Drop the iframe-style block onto the page and resize it to roughly the area you want the widget to occupy.
4. Click Enter Code, paste the snippet, click Update.
5. Publish the page.

Wix's Embed HTML wraps your code in an iframe. The widget works fine inside an iframe, but the iframe has a fixed height — make it tall enough (700–900 px) to accommodate later configurator steps. If the iframe is too short, the widget will scroll inside it.

WordPress

Two routes depending on whether you're using the block editor (Gutenberg) or the classic editor.

Block editor (Gutenberg)

1. Open the page in the block editor.
2. Add a new Custom HTML block.
3. Paste the snippet, save, preview.

Classic editor

1. Open the page and switch to the Text tab (not Visual).
2. Paste the snippet at the position you want the widget.
3. Update the page.

Themes that strip script tags

Some security-hardened WordPress themes strip <script> tags from posts. If your snippet appears as text on the page rather than rendering the widget, install the Code Snippets plugin and add the loader as a footer snippet instead.

Other platforms

Anywhere that lets you paste raw HTML into a page works: Webflow, Ghost, Shopify, Framer, Carrd, a hand-rolled site. The shadow DOM means there's no CSS conflict to worry about; the widget just needs the <div> and <script> tags to be reachable when the page loads.