Embed the Calculator | ConstrCalc®

ConstrCalc NEVER makes assumptions. You provide project data — we perform mathematically accurate calculations, insights, conversions & reports. Transparency Policy →

1 · COPY THIS CODE

<iframe
  src="https://www.constrcalc.com/calculator/?embed=1"
  title="ConstrCalc Construction Cost Calculator"
  loading="lazy"
  referrerpolicy="no-referrer"
  style="width:100%;min-height:900px;border:0;"
  allow="clipboard-write"></iframe>
<p style="font-size:12px;color:#666;margin-top:8px;">
  Powered by <a href="https://www.constrcalc.com" target="_blank" rel="noopener">ConstrCalc®</a>
</p>

Paste it inside any HTML page. No accounts, no build step, no API keys. The ?embed=1 flag strips ConstrCalc's site navigation so the calculator sits cleanly inside your page. The attribution line is optional but appreciated.

Public + read-only.

Users enter their own values in your iframe. Nothing is written back to ConstrCalc from an embedded instance.

Identical math.

Same six-tab calculator, same formulas, same 8 area units. Zero forks, zero divergence.

No build step.

One iframe tag. Responsive width. Choose light or dark via ?theme=light.

2 · LIVE PREVIEW

This is what your site's visitors will see.

The iframe above is the same URL from the snippet you'd paste — no additional configuration.

3 · CUSTOMIZE (OPTIONAL)

Query parameters.

Parameter	Values	Effect
`embed=1`	required	Strips site chrome (header, footer, transparency strip, save-project panel, ad slots).
`theme=`	`dark` · `light`	Overrides the visitor's browser preference. Optional.

The theme flag reads on page load and stores in the visitor's browser only if they explicitly toggle within the widget.

Zero assumptions.

Every embedded ConstrCalc® instance carries the same transparency guarantee. If you enter x, ConstrCalc® computes f(x) — nothing more.