Free embeddable widget · CC-BY 4.0
Should I DIY or Hire a Contractor?
Break-even math: contractor quote vs. (materials + tools + your hours × opp cost + rework risk).
Best for: DIY blogs · home-improvement YouTubers · personal-finance sites
Copy-paste iframe
Recommended iframe height: 540px. Append ?showcode=0 to hide the embed's own copy-code banner.
Where to embed it
- •Inline in any project tutorial — readers can sanity-check the project's break-even before clicking "Buy materials".
- •DIY YouTubers' video description pages — drop the widget so viewers can run their own numbers.
- •Personal-finance posts about the true cost of DIY — pairs naturally with opportunity-cost articles.
Live preview
FAQ
Is the embed free?
Yes — every HavenCostGuide widget, including the should i diy or hire a contractor?, 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="540" 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.