MovingCalculator.io
Get started

Embed the calculator on your site.

One iframe + a tiny resize listener. Works on any site that lets you paste raw HTML, which is most of them. Replace your-slug with your account’s slug from the dashboard.

Paste it anywhere HTML works.
<iframe
  src="https://movingcalculator.io/embed/your-slug"
  width="100%"
  height="900"
  frameborder="0"
  style="border:0;display:block;margin:0 auto;width:100%;max-width:640px;"
  loading="lazy"
  title="Moving Calculator"
  allow="clipboard-write; web-share"
></iframe>
<p style="max-width:640px;margin:8px auto 0;font:13px/1.4 system-ui,-apple-system,sans-serif;text-align:center;color:#6b7280;">
  Moving cost calculator by <a href="https://movingcalculator.io" target="_blank" rel="noopener">MovingCalculator.io</a>
</p>
<script>
  window.addEventListener('message', function (e) {
    if (e.origin !== 'https://movingcalculator.io') return;
    if (e.data && e.data.type === 'movingcalc-resize') {
      var f = document.querySelector('iframe[src*="movingcalculator.io/embed"]');
      if (f) f.style.height = e.data.height + 'px';
    }
  });
</script>

Please keep the small credit line under the calculator. It’s how the tool stays free. Everything else, the size, the placement, the page, is yours.

WordPress (Block editor)

  1. 01Edit the page where you want the calculator.
  2. 02Add a 'Custom HTML' block (the / menu → Custom HTML).
  3. 03Paste the snippet above into the block.
  4. 04Save and view the page. The iframe appears with the calculator inside.

Heads up: Some security plugins strip <script> tags from posts. If the resize listener gets stripped, the iframe still works, it just stays at 900px tall instead of auto-resizing.

Wix

  1. 01From the editor: Add (+) → Embed Code → 'Embed HTML'.
  2. 02Click 'Enter Code' and paste the snippet.
  3. 03Click Update. Stretch the embed element to the width you want; the iframe inherits.

Heads up: Wix free tier hides custom HTML on mobile preview unless you flip a setting in the embed element panel.

Webflow

  1. 01From the Designer: Add an 'Embed' element where the calculator should live.
  2. 02Open the embed editor and paste the snippet.
  3. 03Save & close. Publish to staging or production.

Heads up: Webflow's embed element is HTML-only, no script execution in the editor preview. Works on the live site.

Squarespace

  1. 01Edit the page. Add a 'Code' block where you want the calculator.
  2. 02Set the language to HTML and paste the snippet.
  3. 03Save. The block renders the iframe.

Heads up: On the Personal plan, Code blocks are disabled. Upgrade or use a 'Markdown' block as a fallback.

Custom HTML / any other site

  1. 01Paste the snippet into any HTML file or template that renders <iframe> tags.
  2. 02If your CMS strips the <script> tag, drop it into your global footer/template instead.
  3. 03Adjust the iframe's max-width / height attributes to match your design.

Heads up: Make sure your site doesn't set a Content-Security-Policy that blocks frames. Our endpoint sets frame-ancestors: * so we accept being framed from any origin.

Show your prices (optional)

Out of the box, customers see their move size and the truck it needs, and you quote them yourself. To show a ballpark from your own rates instead, open Pricing in your dashboard. Paste a link to your prices page, upload a photo of your rate sheet or record a voice note, and we fill in the form for you to check. Nothing changes on your site until you turn it on, and the snippet stays the same.

Turn off the AI room scan (optional)

Your calculator lets customers photograph or film each room, and it counts the furniture for them. It’s on unless you turn it off: untick “Offer the AI room scan” in Settings. To turn it off on one page only, add ?ai=offto the end of the embed address in that page’s snippet, like https://movingcalculator.io/embed/your-slug?ai=off.

Stuck on something?

Read the help center or email support. We reply on weekdays.