{"id":189,"date":"2020-02-24T13:25:46","date_gmt":"2020-02-24T11:25:46","guid":{"rendered":"https:\/\/calculatorsworld.com\/health\/?page_id=189"},"modified":"2026-08-29T10:05:30","modified_gmt":"2026-08-29T07:05:30","slug":"bmi-calculator-wordpress-widget","status":"publish","type":"page","link":"https:\/\/calculatorsworld.com\/health\/bmi-calculator-wordpress-widget\/","title":{"rendered":"BMI Calculator WordPress Widget"},"content":{"rendered":"\n

CC BMI Calculator<\/strong> adds an adult BMI calculator<\/a> 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]<\/code> shortcode.<\/p>\n\n\n\n

Install it from the official WordPress plugin directory<\/a> or from your WordPress dashboard. This plugin is intended for adult BMI; for ages 5\u201319, use the age- and sex-specific girls BMI calculator<\/a> or boys BMI calculator<\/a>.<\/p>\n\n\n\n

WordPress dashboard screens can vary by WordPress version and theme. The screenshots below show the general workflow.<\/em><\/p>\n\n\n\n

Preview and understand the calculator<\/h2>\n\n\n\n

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

Install the BMI calculator plugin<\/h2>\n\n\n\n
\"Add<\/figure>
\n

1. In the WordPress dashboard, go to Plugins \u2192 Add New.<\/p>\n<\/div><\/div>\n\n\n\n

\"Search<\/figure>
\n

2. Search for \u201cCC BMI Calculator.\u201d<\/p>\n<\/div><\/div>\n\n\n\n

\"Install<\/figure>
\n

3. Select \u201cInstall Now.\u201d<\/p>\n<\/div><\/div>\n\n\n\n

\"Activate<\/figure>
\n

4. Select \u201cActivate.\u201d<\/p>\n<\/div><\/div>\n\n\n\n

Add and customize the BMI widget<\/h2>\n\n\n\n
\"WordPress<\/figure>
\n

1. Open Appearance \u2192 Widgets (or the Site Editor, depending on your theme).<\/p>\n<\/div><\/div>\n\n\n\n

\"Select<\/figure>
\n

2. Choose the widget area where the calculator should appear.<\/p>\n<\/div><\/div>\n\n\n\n

\"Add<\/figure>
\n

3. Add the BMI calculator to the selected area.<\/p>\n<\/div><\/div>\n\n\n\n

\"BMI<\/figure>
\n

4. Review the title, units and display settings, then save.<\/p>\n<\/div><\/div>\n\n\n\n

Widget display options<\/h2>\n\n\n\n
\"BMI<\/figure>
\n

Check “customize colors…” checkbox to activate advanced options:<\/p>\n\n\n\n