The visualizer does not appear. What now?

Check the published page, not the editor: Wix, Squarespace and Webflow do not run scripts while you edit. Then make sure the code sits in the page body where the visualizer should appear, not in a site-wide header.

It appears but will not render a floor. Why?

The address in the browser is almost always missing from your Authorized websites. Addresses match exactly, so add both the www and the plain version, and any staging address, then try again.

Will it slow my site down?

No. The script loads async and the visualizer runs in its own frame, so your page loads first.

Can you install it for us?

Yes. If you would rather not touch it, we set it up with you on a call.

How to Add a Floor Visualizer to Your Website

By Jordan Levin, founder of CoatFlow. Published September 30, 2026.

What do you need before you start?

Your embed code
From the Embed tab in your CoatFlow account. It is one line, and it already carries your key.
Your web addresses
Every address your site answers on: with www, without it, and any staging address you check pages on.
A place for it
The visualizer fills one screen, so give it a full-width section. A page of its own, such as /visualizer, linked from your menu, works best.

Step 1: Copy your embed code

In your account, open the Embed tab and copy the line under Embed on your website. It looks like this:

Your embed code

<script src="https://coatflow.io/widget.js" data-widget="visualizer" data-key="YOUR_EMBED_KEY" async></script>

YOUR_EMBED_KEY stands in for your own key. Copy the real line from your account rather than typing this one.

Step 2: Authorize your website

Your visualizer only runs on the sites you list. That is what stops anyone copying your key onto another site and spending your renders. In the Embed tab, under Authorized websites, add one address per line and click Save websites.

Addresses match exactly, so list https://yourcompany.com and https://www.yourcompany.com as two lines.
Add a staging address too if you check pages there before publishing, such as a webflow.io address.
Until at least one address is saved, the visualizer stays off. You can list up to 20.

Step 3: Add it to your site builder

Find your builder below. Each takes a few minutes.

WordPress

Open the page in the block editor.
Add a Custom HTML block where the visualizer should appear.
Paste your embed code, then click Update or Publish.

Page builders such as Elementor and Divi have an HTML or Code module that works the same way.
On WordPress.com, scripts only run on plans that allow plugins, with hosting features turned on.

Wix

In the editor, click Add, then Embed Code, then Custom Element.
Choose Server URL as the source and enter https://coatflow.io/element.js.
Set the tag name to coatflow-visualizer.
Set two attributes: data-widget with the value visualizer, and data-key with your embed key.
Place the element where the visualizer should appear, publish, and check the published page.

Wix only allows custom elements on sites with a Premium plan and a connected domain.
Wix sandboxes custom elements in the editor and in preview, so the visualizer looks broken there and works on the published site.
Use Custom Element, not Embed HTML. Embed HTML runs pasted code inside a frame of its own, where the visualizer cannot share or copy links.

Squarespace

Edit the page and add a Code block where the visualizer should appear.
Paste your embed code and leave Display Source off.
Save, then check the published page: scripts do not run while you edit.

Squarespace runs JavaScript in code blocks on its Core, Plus and Advanced plans, not on Basic.

Webflow

In the Designer, drag a Code Embed element where the visualizer should appear.
Paste your embed code, then Save and Close.
Publish, then check the live page: scripts do not run in the Designer.

Code Embed needs a paid Site plan or a paid Workspace plan.
Authorize your webflow.io staging address as well if you check pages there first.

A plain HTML site, or any other builder

Paste the line inside the page body, where the visualizer should appear.
Keep it out of the head and out of site-wide header code, which puts it on every page.
Upload or publish, then open the page.

Any builder with an HTML or code block that runs scripts works the same way.

Step 4: Check it on the live page

Open the published page in a private window, the way a homeowner sees it. The visualizer should fill the screen. Run one preview on a floor photo: if it renders, your site is authorized and you are done.

Add a floor visualizer to your website.