The Short Version
Every major site builder lets you paste in a block of HTML without touching code yourself -- it's just called something slightly different on each one. Get your calculator's embed code, find that block type on your platform, paste, and publish:
| Platform | What the block is called |
|---|
| Wix | Embed a Widget → HTML iframe |
| WordPress | Custom HTML block (in the block editor) |
| Squarespace | Code Block |
The rest of this guide covers each one in detail, plus a detail that trips people up: which of the two embed code types your calculator gives you to actually use.
iFrame Code vs. JavaScript Snippet: Which One to Use
Most embeddable calculators, Clean Estimator included, give you two versions of the embed code:
- A Standard iFrame code -- a self-contained block of HTML. This is the one to use by default.
- A JavaScript Snippet -- dynamically injects the widget instead of embedding it directly.
Use the iframe version unless you have a specific reason not to. Some site builders strip or block JavaScript snippets for security reasons, especially on free or lower-tier plans -- the iframe code works everywhere, including WordPress, with nothing to configure first.
How to Add a Quote Calculator to Wix
- Open the Wix Editor and go to the page you want the calculator on.
- Click Add Elements → Embed → look for Embed a Widget or HTML iframe (Wix has renamed this menu a few times, but it's always under Embed).
- Paste your iframe embed code into the code field and click Apply.
- Resize the embedded element so it has room to grow -- most calculators report their own height back to the page automatically as a visitor moves through each step, but the block itself still needs enough starting width and height to render in.
- Preview on both desktop and mobile before publishing. If nothing appears, double-check your Wix plan allows HTML/iframe embeds -- this is restricted on some legacy free plans.
How to Embed a Quote Calculator on WordPress
- Open the page or post in the WordPress block editor (Gutenberg).
- Add a new block and search for Custom HTML.
- Paste your embed code directly into the Custom HTML block.
- Click Update or Publish.
No plugin is required for this -- the Custom HTML block handles a plain iframe snippet on its own. If you're using a page builder plugin (Elementor, Divi, etc.) instead of the native block editor, look for an "Embed," "Code," or "HTML" element in that builder instead; the same iframe code works there too.
How to Add a Quote Calculator to Squarespace
- Edit the page and add a Code Block where you want the calculator to appear.
- Paste your iframe embed code into the Code Block.
- Save and preview.
One Squarespace-specific detail: site-wide code injection (Settings → Advanced → Code Injection) is restricted to certain plan tiers, but a single Code Block on one page -- which is all an embeddable calculator needs -- is generally available on lower tiers too. If your plan blocks the Code Block itself, Squarespace's own plan comparison page will confirm it.
Why Your Widget Might Not Show Up
A blank space where the calculator should be almost always comes down to one of these:
- You used the JavaScript snippet on a platform that blocks it. Switch to the iframe version.
- An ad blocker or privacy extension is active in the browser you're previewing with -- test in a private/incognito window.
- The embed block is too narrow. Give it room (720px or more works well) rather than squeezing it into a sidebar.
- You copied an old version of the code. If you change your branding, services, or markup after first embedding, re-copy the code -- some platforms cache embedded iframes until the page is re-published.
FAQ
Do I need a developer to do this?
No. All three platforms handle this with copy-paste, no code knowledge required beyond pasting the snippet into the right block.
Will the calculator look like it belongs on my site, or like a separate tool?
A properly white-labeled calculator carries your logo, brand colors, and font, and shows none of the underlying provider's branding -- see our guide on picking a calculator that actually captures leads for what to check before choosing one.
Does the embedded calculator resize itself, or do I need to manually set a height?
A well-built widget reports its own height back to the page as a visitor moves through each step, so it grows and shrinks on its own. You still want to give the embed block reasonable starting dimensions, but you shouldn't need to re-measure and update a fixed height by hand.
What if I offer more than one cleaning service?
Use a calculator that covers your full service list in a single embed, so visitors pick the one they need instead of you juggling a separate tool -- or a separate embed code -- per service.
See the embed code and start your free trial →