Embed Free Body Mass Index (BMI) Calculator On Your Site

Clean, responsive BMI calculator evaluating body mass categories based on official WHO standards. Tailored for Fitness Coaches, Nutritionists & Medical Blogs. 100% free with no ad popups, no API keys, and responsive layout.

Free forever

Zero ad banners

Mobile responsive

HTTPS secured

Customize Embed Options

Theme Mode

Widget Height520px

HTML iFrame Code

<!-- Free Body Mass Index (BMI) Calculator by Ubify Tools -->
<iframe 
  src="https://tools.ubify.app/embed/bmi-calculator" 
  width="100%" 
  height="520" 
  style="border:1px solid rgba(255,255,255,0.15); border-radius:12px; max-width:100%; box-shadow:0 4px 20px rgba(0,0,0,0.08);" 
  title="Body Mass Index (BMI) Calculator"
  loading="lazy">
</iframe>
<p style="font-size:11px; color:#888; text-align:right; margin-top:4px;">
  Free Calculator by <a href="https://tools.ubify.app" target="_blank" rel="noopener noreferrer" style="color:#3b82f6; text-decoration:underline;">Ubify Tools</a>
</p>

WordPress / CMS Shortcode

[iframe src="https://tools.ubify.app/embed/bmi-calculator" width="100%" height="520" frameborder="0" style="border:1px solid #e2e8f0; border-radius:12px;"]

Recommended For:

Personal trainer websites onboarding new weight loss clients
Health and wellness blogs discussing healthy weight standards
Gym and crossfit portals offering fitness assessment tools

Live Embedded Sandbox

View standalone tool

How to Embed This Calculator on Any Platform

1. WordPress (Block & Classic)

In the Gutenberg block editor, add a Custom HTML block, paste the snippet, and hit publish. In Elementor, drag the HTML widget into your column.

2. Webflow, Wix & Squarespace

Add an Embed or Code component to your page canvas. Paste the iframe snippet directly and set container width to 100%.

3. React / Next.js / Vue

Render the iframe JSX with src="https://tools.ubify.app/embed/bmi-calculator", loading="lazy", and responsive inline styling.

Back to All Widget Generators Browse All 30+ Free Calculators →