HavenCostGuide

Free embeddable widget · CC-BY 4.0

National Renovation Cost Index

Live snapshot of 11 renovation cost categories, indexed to 2026 baseline. Updated every 2 weeks.

Best for: Data journalists · economics blogs · real-estate analysts

Copy-paste iframe

Recommended iframe height: 360px. Append ?showcode=0 to hide the embed's own copy-code banner.

Where to embed it

  • Economics / data-journalism posts about construction inflation — the index is updated bi-weekly so the embed never goes stale.
  • Real-estate market reports — pair with regional sales-volume charts for a complete cost-side picture.
  • Builder / contractor newsletters — embed in the masthead for an always-current pricing pulse.

Live preview

FAQ

Is the embed free?

Yes — every HavenCostGuide widget, including the national renovation cost index, is free under Creative Commons Attribution 4.0. Commercial use is allowed; the only requirement is to keep the "Powered by HavenCostGuide" link in the iframe footer (already rendered automatically).

Will the embed break my page's design?

No. The iframe is sandboxed with a `border-radius:12px` + `max-width:720px` wrapper and zero external CSS leakage. It's mobile-responsive (the iframe content reflows under 640px wide). You can adjust the wrapper styles freely.

Does it send my visitors' data to HavenCostGuide?

No. All math runs in your visitor's browser. We receive zero analytics from the iframe content. Only outbound clicks (e.g., 'Open the full calculator') hit our server, and only at click time.

Will the embed stay in sync with the full calculator?

Yes. We ship a fresh build every 2 weeks. Since the embed is loaded from a live URL (not a static copy), your visitors always see the most current math without you having to update anything.

Can I customize the embed's height or width?

Yes — the snippet above uses width="100%" and height="360" as a tested default. Increase the height if you find the iframe shows a scrollbar on mobile; decrease if you want it more compact. The internal layout will adapt.

How do I attribute properly?

The "Powered by HavenCostGuide" link in the iframe footer satisfies CC-BY 4.0 attribution. Don't hide it with CSS. Beyond that, a dofollow link from your post body to havencostguide.com is appreciated but not required.