BMI Calculator WordPress Widget

CC BMI Calculator adds an adult BMI calculator to a WordPress site. It supports metric and imperial measurements and can be placed in a widget area or inside a post or page with the [cc-bmi] shortcode.

Install it from the official WordPress plugin directory or from your WordPress dashboard. This plugin is intended for adult BMI; for ages 5–19, use the age- and sex-specific girls BMI calculator or boys BMI calculator.

WordPress dashboard screens can vary by WordPress version and theme. The screenshots below show the general workflow.

Preview and understand the calculator

Before adding the widget, try the live adult BMI calculator. For calculation details, see the metric and imperial BMI formulas. Visitors who prefer a height-and-weight lookup can use the metric BMI chart or imperial BMI chart.

Install the BMI calculator plugin

Add new WordPress plugin

1. In the WordPress dashboard, go to Plugins → Add New.

Search for CC BMI Calculator plugin

2. Search for “CC BMI Calculator.”

Install now WordPress plugin

3. Select “Install Now.”

Activate WordPress plugin

4. Select “Activate.”

Add and customize the BMI widget

WordPress widgets menu

1. Open Appearance → Widgets (or the Site Editor, depending on your theme).

Select sidebar

2. Choose the widget area where the calculator should appear.

Add widgets to selected sidebar

3. Add the BMI calculator to the selected area.

BMI calculator widget default settings

4. Review the title, units and display settings, then save.

Widget display options

BMI calculator widget advanced options

Check “customize colors…” checkbox to activate advanced options:

  • Customize calculator colours.
  • Show metric units, imperial units, or both.
  • Select the default measurement system.

Widget shortcode

Use [cc-bmi] to place the BMI calculator inside a WordPress post or page.

Available shortcode parameters:

  • title (optional) – sets calculator’s title (default – “BMI calculator”)
  • onlyunits (optional) – shows only one unit. Available options – imperial, metric or all (default – “all”)
  • units (optional) – This option is available if onlyunits = “all”. Sets default unit to display. Available options – imperial or metric (default – “imperial”)
  • bg_color (optional) – sets background color (default – “#f8f8f8”)
  • border_color (optional) – sets border color (default – “#ddd”)
  • text_color (optional) – sets text color (default – “#666666”)
  • header_footer_bg_color (optional) – sets header and footer background color (default – “#ddd”)
  • header_footer_text_color (optional) – sets header and footer text color (default – “#666666”)
  • button_bg_color (optional) – sets button background color (default – “#a0a0a0”)
  • button_text_color (optional) – sets button text color (default – “#ffffff”)
  • button_border_color (optional) – sets button border color (default – “#a0a0a0”)
  • dev_credit (optional) – shows developer’s credit (default – “1”)

Shortcode examples

Default view

Default view: [cc-bmi]

Custom view

Custom view – custom colors and shows only metric units

[cc-bmi onlyunits=”metric” border_color=”#0B90B5″ bg_color=”#B0DBE7″ text_color=”#000000″ header_footer_bg_color=”#0B90B5″ header_footer_text_color=”#FFF” button_bg_color=”#0B90B5″ button_border_color=”#0B90B5″]

Frequently asked questions

Does this calculate BMI for children? No. The plugin uses adult BMI categories. Child and teen BMI requires age- and sex-specific reference data.

Is BMI a diagnosis? No. BMI is a screening measure and does not directly measure body fat.

Plugin instructions reviewed 29 August 2026 against the official WordPress plugin listing.

Please contact us if you find a bug or have a suggestion for improving the plugin.