Embeddable Roofing Cost Widget

Add a free, interactive roofing cost calculator to your website. One line of code. No API key required. Powered by RoofVista market data across 6 states.

Live Preview

Embed Code

Option 1 -- iframe (simplest)

<iframe
  src="https://roofvista.com/embed/cost-widget/frame"
  width="100%"
  height="520"
  style="border:none;max-width:440px;"
  title="Roofing Cost Calculator"
  loading="lazy"
></iframe>

Option 2 -- iframe with pre-selected state

<iframe
  src="https://roofvista.com/embed/cost-widget/frame?state=MA"
  width="100%"
  height="520"
  style="border:none;max-width:440px;"
  title="Roofing Cost Calculator"
  loading="lazy"
></iframe>

Option 3 -- JavaScript embed (auto-creates iframe)

<div id="roofvista-widget" data-state="MA"></div>
<script src="https://roofvista.com/embed/widget.js" async></script>

Customization

state -- Pre-select a state. Pass as a URL param (?state=MA) or data-state attribute.
Supported state codes: MA, CT, RI, NH, VT, ME (NY, NJ, PA, TX, FL, CA coming soon)
Recommended iframe height: 520px (expands to ~580px after calculating)
The widget links to roofvista.com/iq2 for satellite-precise estimates.

Who Is This For?

Real Estate Agents

Help buyers estimate roof costs before closing.

Home Inspectors

Give clients instant ballpark replacement costs.

Roofing Bloggers

Add an interactive tool to your content.