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. Embed an interactive calculator iframe directly on your site without user logins or API keys.

Free embed

No ads inside embed

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://ubifytools.com/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://ubifytools.com" target="_blank" rel="noopener noreferrer" style="color:#3b82f6; text-decoration:underline;">Ubify Tools</a>
</p>

WordPress / CMS Shortcode

[iframe src="https://ubifytools.com/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://ubifytools.com/embed/bmi-calculator", loading="lazy", and responsive inline styling.

Worked Calculation Example

Scenario Parameters:

A 35-year-old fitness coaching client weighing 70 kg (154.3 lbs) at a height of 175 cm (5 ft 9 in) assessing their baseline body mass index before establishing a progressive strength training routine.

Mathematical Calculation:

Metric BMI formula = Weight (kg) / [Height (m)]^2 = 70 / (1.75)^2 = 70 / 3.0625 = 22.86 kg/m^2 (rounds to 22.9 kg/m^2).

What the Result Means in Plain English:

The client has a calculated BMI of 22.9 kg/m^2, placing them within the World Health Organization (WHO) Normal Weight classification (18.5 to 24.9 kg/m^2).

Privacy & Processing Note: The embed widget executes purely client-side inside an isolated iframe in the visitor's local browser runtime. Height and weight inputs remain completely in memory and are never transmitted to external APIs or logged in remote databases.

Frequently Asked Questions

How do I embed the BMI calculator on my website?

Copy the provided HTML iframe snippet and paste it into a Custom HTML block or embed container in WordPress, Webflow, Squarespace, Wix, or Shopify. The widget automatically fits the parent container width.

Does the BMI widget support both imperial and metric measurements?

Yes. The embedded calculator includes a one-click toggle allowing visitors to enter measurements in pounds and inches or kilograms and centimeters.

Does this BMI calculator provide a medical diagnosis?

No. BMI is an anthropometric screening indicator of weight-to-height ratio. It does not measure body fat percentage, muscular distribution, or cardiometabolic markers, and should not be used as a clinical diagnostic tool.

Back to All Widget Generators Browse All Free Calculators →