Boom MER Efficiency Calculator

A self-contained iframe you can drop into any HTML block on your website.

Embed snippet

Paste this into any HTML / custom-code block (Webflow, Squarespace, Shopify, WordPress, Framer, etc.).

<iframe
  src="/calculator.html"
  title="Boom MER Efficiency Calculator"
  width="100%"
  height="2000"
  style="border:0;max-width:660px;display:block;margin:0 auto;"
  loading="lazy"
></iframe>

Auto-resize version (optional)

The iframe broadcasts its content height via postMessage. Use this snippet if you want the iframe to grow and shrink to fit its content with no internal scrollbars.

<iframe
  id="boom-mer-calc"
  src="/calculator.html"
  title="Boom MER Efficiency Calculator"
  width="100%"
  height="1600"
  style="border:0;max-width:660px;display:block;margin:0 auto;"
  loading="lazy"
></iframe>
<script>
  window.addEventListener('message', function (e) {
    if (e.data && e.data.type === 'boom-mer-calc:height') {
      var f = document.getElementById('boom-mer-calc');
      if (f) f.style.height = (e.data.height + 16) + 'px';
    }
  });
</script>

Direct link

The hosted calculator is available at /calculator.html.

Live preview