HowHeight widgets

Embed a height calculator on your site.

Pick a HowHeight tool, adjust the frame, then paste the embed code into your article, resource page, or site builder.

Tool

Widget title

Max widthHeight

Live preview

Open

BMI Calculator by Height and Weight

BMI Calculator by Height and Weight · Powered by HowHeight

Embed code

The attribution link is visible and points to the full HowHeight tool.

<div class="howheight-widget"
  data-widget="height-weight-calculator"
  data-embed-url="https://www.howheight.com/en/embed/height-weight-calculator?unit=standard&amp;ft=5&amp;in=9&amp;lb=160&amp;chrome=compact"
  data-tool-url="https://www.howheight.com/en/tools/height-weight-calculator"
  data-width="760"
  data-height="610"
  data-frame-title="BMI Calculator by Height and Weight by HowHeight">
  <div class="howheight-widget-title">BMI Calculator by Height and Weight</div>
  <div class="howheight-widget-footer">
    <a href="https://www.howheight.com/en/tools/height-weight-calculator" target="_blank" rel="noopener">BMI Calculator by Height and Weight</a>
    · Powered by <a class="howheight-widget-brand" href="https://www.howheight.com" target="_blank" rel="noopener">HowHeight</a>
  </div>
</div>
<script defer src="https://www.howheight.com/widgets/howheight-widget.js"></script>
<noscript>
  <iframe src="https://www.howheight.com/en/embed/height-weight-calculator?unit=standard&amp;ft=5&amp;in=9&amp;lb=160&amp;chrome=compact" title="BMI Calculator by Height and Weight by HowHeight" width="100%" height="610" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="display:block;width:100%;max-width:760px;border:0;border-radius:8px;overflow:hidden;"></iframe>
  <p style="margin:8px 0 0;font-size:12px;line-height:1.5;color:#64748b;">
    <a href="https://www.howheight.com/en/tools/height-weight-calculator" target="_blank" rel="noopener" style="color:#0f766e;text-decoration:underline;">BMI Calculator by Height and Weight</a>
    · Powered by <a href="https://www.howheight.com" target="_blank" rel="noopener" style="color:#0f766e;text-decoration:underline;">HowHeight</a>
  </p>
</noscript>