Your EmbedQuote calculator works on any website that allows you to add a <script> tag. That covers the vast majority of website builders and CMS platforms, including Webflow, WordPress, Squarespace, Framer, Wix, and plain HTML sites.

This guide covers each platform with the exact steps needed to get your calculator live.

Your embed code

First, copy your embed snippet from your EmbedQuote dashboard. It looks like this:

<script
  src="https://embedquote.com/embed.js"
  data-calculator-id="your-calculator-id-here">
</script>

This is the only thing you need. Paste it anywhere on any page, and the calculator renders there — no additional configuration, no iframe setup, no JavaScript knowledge required.

Webflow

  1. Open your page in the Webflow Designer.
  2. Add an HTML Embed element from the Add Elements panel (search for "Embed").
  3. Drag it to the location where you want the calculator to appear.
  4. Double-click the Embed element to open the code editor.
  5. Paste your script tag and click Save & Close.
  6. Preview the page to confirm the calculator appears, then publish.
Webflow note: The Embed element shows a grey placeholder in the Designer view — this is normal. Script tags can't execute inside the Webflow editor. The calculator appears in Preview mode and on your published site.

To add the calculator site-wide (e.g. in a persistent footer or sidebar), go to Project Settings → Custom Code and paste the script into the Footer Code section.

WordPress

Gutenberg (block editor):

  1. Edit the page where you want the calculator.
  2. Add a Custom HTML block.
  3. Paste your embed snippet into the block.
  4. Preview the page to confirm, then publish.

Classic Editor:

  1. Switch to the Text tab (HTML view) — not Visual.
  2. Paste the script tag at the point in the content where you want the calculator.
  3. Save or publish.

Elementor: Add an HTML widget to your layout and paste the snippet. Elementor executes scripts in the editor, so you'll see the live calculator while designing.

Site-wide (any WordPress setup): Use a free plugin like WPCode ("Insert Headers and Footers") to inject the script into your site footer without editing theme files.

Squarespace

Squarespace supports code injection in two places: per-page and site-wide. Choose whichever suits your needs.

On a specific page:

  1. Edit the page in Squarespace.
  2. Click the + to add a new block and choose Code.
  3. Paste your embed snippet into the code block.
  4. Make sure the display is set to HTML (not Markdown).
  5. Apply and save.
Squarespace plan note: Code blocks that execute scripts require a Business plan or higher. On the Personal plan, Squarespace strips JavaScript from code blocks. If your calculator doesn't appear, check your plan level.

Site-wide injection:

  1. Go to Settings → Advanced → Code Injection.
  2. Paste your script into the Footer field.
  3. Save. The calculator script now loads on every page.

Framer

Framer sites support custom code injection at the page level and the site level.

  1. Open your Framer project.
  2. In the left panel, right-click the page where you want the calculator and choose Page Settings.
  3. Scroll to the Custom Code section and paste your snippet into the End of <body> field.
  4. Publish to see the calculator live.

To position the calculator visually inside your Framer layout, add an Embed component from the toolbar and use it as a placeholder for layout purposes, while relying on the page-level code injection to render the actual widget.

Wix

  1. In your Wix editor, click + Add → Embed Code → Embed HTML.
  2. An HTML component appears on the canvas. Click Enter Code.
  3. Paste your embed snippet.
  4. Resize and reposition the component to fit your layout.
  5. Publish your site.
Wix sizing note: Wix HTML components require you to set an explicit height. Set it to at least 400px as a starting point — the calculator will size itself within that container. If the calculator is cut off, increase the component height.

Plain HTML

If you're working with a hand-coded HTML site, paste the script tag directly into your HTML file wherever you want the calculator to appear:

<!-- In your page body -->
<section class="services">
  <h2>Get an instant estimate</h2>
  <script
    src="https://embedquote.com/embed.js"
    data-calculator-id="your-calculator-id-here">
  </script>
</section>

The script automatically creates a wrapper element, loads your calculator configuration, and renders the widget inline. No additional HTML structure is needed.

The calculator works the same on all platforms

Once the script loads, the calculator behavior is identical everywhere — same layout, same pricing, same styling. Updates you make in the EmbedQuote dashboard — changing prices, adjusting field options, adding new fields — are reflected on all embedded instances the next time a visitor loads the page, regardless of which platform the page lives on.

Build once, embed anywhere

Try EmbedQuote free — no commitment, no credit card required. One calculator, one script tag, any platform.

Get started free →