For Publishers

Free Moving Cost Calculator Widget

Give your readers a useful tool that keeps them on your site longer. No sign-up, no data collection, no third-party scripts — just a fast, privacy-first calculator your audience will love.

1

Copy the Code

One div and one script tag — no frameworks, no config.

2

Paste Anywhere

Works on any site — WordPress, Squarespace, HTML, or React.

3

Auto-Updates

Rates and features update automatically — no maintenance.

Why Embed Our Calculator?

Adding a moving cost calculator to your site increases engagement, reduces bounce rate, and gives your audience a reason to stay longer. Real estate blogs, apartment listing sites, and relocation guides use our widget to provide instant value to their readers — no development work required.

The widget includes all features of the main calculator: three-way cost comparison (DIY truck, moving containers, professional movers), region-adjusted pricing for the US, Canada, UK, Australia, and India, real-time distance calculation from postal codes or city names, an interactive distance slider, and currency conversion across 7 currencies. Everything runs client-side — no server load, no data sharing, no privacy concerns for your users.

Each widget instance includes a small attribution link back to MoveCostMatrix. Your readers get a professional-grade tool, and you get a useful free resource that keeps people on your page. The widget updates automatically whenever we improve our rates or add new features.

Embed Code

Add this where you want the calculator to appear. The widget includes a small attribution link back to MoveCostMatrix.

<!-- Place where you want the calculator -->
<div id="movecost-widget">
  <p style="text-align: center; font-size: 12px; margin-top: 8px; font-family: sans-serif;">
    Powered by <a href="https://movecostmatrix.com" target="_blank" style="color: #0070f3; text-decoration: none;">MoveCostMatrix</a>
  </p>
</div>

<!-- Add before </body> -->
<script src="https://movecostmatrix.com/embed.js"></script>

Widget auto-resizes to fit your layout. Works on mobile, tablet, and desktop.

Installation Guide

Choose your platform below for step-by-step instructions.

WordPress

  1. In the WordPress admin, go to Appearance → Widgets or edit a page/post with your preferred page builder.
  2. Add a Custom HTML block or widget area.
  3. Paste the embed code above into the block.
  4. Save and preview your page. The widget will appear where you placed the block.

Tip: If your theme uses a sidebar, add the widget there to show the calculator on all pages.

Squarespace

  1. Edit the page where you want the calculator to appear.
  2. Add a Code block (from the content blocks menu).
  3. Paste the embed code into the code block.
  4. Click Apply and save your page.

Tip: The widget will auto-resize. You may need to adjust the code block height if it appears cut off.

Plain HTML / Any Site

  1. Open your HTML file in a code editor.
  2. Place <div id="movecost-widget"></div> where you want the calculator.
  3. Add <script src="https://movecostmatrix.com/embed.js"></script> just before </body>.
  4. Save and open the page in your browser.

React / Next.js

  1. In your component file, add a <div id="movecost-widget" /> in the JSX where you want the calculator.
  2. Add the script tag using useEffect or load it dynamically with next/script.
  3. Make sure the div renders before the script loads.

Tip: If using Next.js, use next/script with strategy="afterInteractive" for best performance.

Live Preview

This is exactly what your visitors will see.

Bookmarked on SitePatent