Embeds

Embed the R-Value Needed Calculator on your site

One block of HTML puts the Denver IECC Climate Zone 5B R-value calculator on your own page. No JavaScript to install, no account, no tracking code, and nothing to sign.

What it is

What the calculator does

A visitor picks which part of the house they are evaluating — attic, wall, crawl space, floor or basement wall — plus the home's era and how deep the existing insulation looks. The tool returns the 2021 International Energy Conservation Code target for that area in Climate Zone 5B, which covers Denver and the Front Range — or, for the areas where code sets no single figure, the range a retrofit typically achieves, labelled as such. Alongside it: an estimate of where the house sits today, and the gap between the two.

It is the same calculator that runs on our own R-Value Needed Calculator page, generated from the same code targets and the same estimator, so the two cannot drift apart. When a visitor gets a result, the embed links back to the full page with their answers carried in the URL — they land on a populated calculator, not an empty form.

According to the International Energy Conservation Code, the 2021 IECC sets a minimum ceiling insulation R-value of R-60 in Climate Zone 5 under Table R402.1.3, and Section R402.2.1 allows R-49 to satisfy that requirement only where the full height of uncompressed R-49 insulation extends over the wall top plate at the eaves.

The code

Copy this block into your page

Paste it wherever you want the calculator to appear. It works in a blog post, a page builder's custom-HTML block, or a hand-written template.

<!-- R-Value Needed Calculator — Denver Colorado Insulation -->
<div>
  <iframe
    src="https://denvercoloradoinsulation.com/r-value-needed-calculator-embed.html"
    title="R-Value Needed Calculator — Denver Colorado Insulation"
    height="560"
    loading="lazy"
    style="width:100%;height:560px;border:0;display:block"></iframe>
  <p style="font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;margin:8px 0 0">
    <a href="https://denvercoloradoinsulation.com/r-value-needed-calculator.html" style="color:inherit;text-decoration:underline">R-Value Needed Calculator by Denver Colorado Insulation</a>
  </p>
</div>

That is the whole installation. There is no second step.

What you are installing

No JavaScript, no tracking, no cookies

  • No JavaScript for you to install. The block above contains no <script> tag, so nothing of ours runs in your page, and there is no snippet to keep up to date. To be precise about what this does and does not mean: the calculator itself is JavaScript, and it runs inside the frame in your visitor's browser. What you are not installing is any of our code in your page. If a visitor has scripting turned off, the frame says so and links them to the full calculator instead.
  • No tracking, no analytics, no cookies. The calculator sets no cookie, loads no analytics, and sends no pixel. It does not know who your visitor is and does not try to find out.
  • No third-party requests. The only network request the embed makes is loading itself from our server. No fonts, no stylesheets, no images, no tag managers — nothing else is fetched.
  • No form and no email capture. Your visitor cannot be asked for contact details inside the frame, because there is nothing in there to ask with.
  • Everything is computed in the browser. Your visitor's answers are never sent anywhere. If they click through to the full calculator, their answers travel in the link they clicked and nowhere else.

Attribution

Keep the credit link intact

The attribution link is required. It is the plain <a> tag below the frame in the block above, and it must stay as it is: a normal, crawlable link pointing at our calculator page. Please do not remove it, hide it with CSS, replace it with an image, move it inside the frame, or add rel="nofollow" to it. That one link is the entire price of the tool.

Everything else is yours to fit your layout. Change the height, wrap the block in your own container, restyle the caption's font so it matches your type — all fine.

One note on height if your traffic is mostly phones. The 560px default is set so the result and the link back to the full calculator fit without scrolling on most screens — that link stays in view at every width we tested. On a narrow phone the longest result runs taller than 560px, and what your visitor has to scroll to reach is the “Start over” button. If most of your readers are on phones, set both the height attribute and the inline height style to something like 680 instead: the result will then fit without scrolling on all but the narrowest phones. Opening the “Sources for these targets” panel inside the frame can still require a scroll at narrow widths, at any height worth setting.

Terms, in plain language: you may put this calculator on any site you control, for free, for as long as you like, with no permission needed and no notice to us, provided the attribution link stays intact and followable. We may change or improve the calculator inside the frame. If the link comes out, the permission to embed comes with it.

According to ENERGY STAR, recommended insulation levels for retrofitting existing wood-framed buildings in Zones 6, 5, and 4C are R60 added to the attic if your attic is uninsulated, or R49 if you already have 3-4 inches of insulation.

Related

The calculator itself