Free Embeddable Construction Calculators
Paste one script tag and a working calculator appears on your page — the same engine as the calculators on this site, with state-adjusted material and labor pricing verified daily against .gov sources. Free, no signup, and no ads inside the widget. Pick a calculator, copy its line, drop it where you want it to render.
How it works
- Copy the
<script>line under any calculator below. - Paste it into your page's HTML where the calculator should appear.
- It loads in an iframe, sizes itself to your column, and updates its prices as our .gov data refreshes — nothing for you to maintain.
Use it free on any site. The widget carries a small "Powered by LiveDataCalc" credit linking back here; please keep it. Prices come from BLS PPI series and BEA Regional Price Parities — see our methodology for exactly how each figure is derived.
Using WordPress?
Install our free plugin and add any calculator from the block editor — search for LiveDataCalc Calculator in the block inserter, or drop the shortcode anywhere:
[livedatacalc calc="concrete-cost-calculator"]⬇ Download the WordPress plugin (.zip)
- In WordPress: Plugins → Add New → Upload Plugin, choose the .zip, install, activate.
- Add the LiveDataCalc Calculator block and pick a calculator, or paste the shortcode.
- It auto-resizes and keeps its prices current — no updates for you to run.
Other platforms
Shopify
- In your Shopify admin, go to Online Store → Pages and open (or create) the page where the calculator should appear.
- In the rich text editor, click Show HTML (
</>button). - Paste the embed code from any calculator below.
- Save. The calculator renders in an auto-sizing iframe.
For a Liquid section (theme-level), paste the same script
tag into a custom-liquid section in your theme editor.
Wix
- In the Wix editor, click Add (+) → Embed Code → Embed HTML.
- Switch to Code mode and paste the embed code.
- Resize the element to your column width — the calculator fills the container.
- Publish your site.
Squarespace
- Edit the page and add a Code Block (Insert → Code).
- Paste the embed code. Make sure Display Source is OFF.
- Save and publish. The calculator auto-sizes to the content area width.
Webflow
- In the Webflow Designer, add an Embed element (Add → Components → Embed).
- Paste the embed code and click Save & Close.
- Publish your site. The calculator renders inside the embed component.