Do you wish to add a BMI calculator in WordPress?
In the event you supply well being and fitness-related content material, merchandise, or companies, then a BMI calculator might be useful on your viewers. It could enhance the customer expertise and preserve folks in your WordPress web site for longer.
On this article, we’ll present you learn how to simply add a BMI calculator in WordPress with none coding or math required.
Why Add a BMI Calculator to WordPress?
BMI stands for Physique Mass Index. It’s a tough measure of an individual’s physique fats primarily based on their top and weight utilizing the next calculation:
BMI = kg/m2
The kg is the individual’s weight in kilograms, and m2 is their top in meters squared.
Alternatively, in case you are working with imperial items, then you should utilize this method, the place lb is the burden in kilos, and in2 is their top in inches squared, multiplied by 703:
BMI = lb/in2 ∗ 703
A BMI studying may also help your guests, sufferers, or purchasers work out whether or not they’re underweight, chubby, or a wholesome weight for his or her top. Nonetheless, asking folks to do the calculation themselves isn’t a great person expertise.
That is the place a BMI calculator is available in.
In case you have began a well being or health weblog, then a BMI calculator may also help guests plan the subsequent steps of their well being journey. For instance, somebody who decides to scale back their BMI might join your health tracker.
A BMI calculator may also encourage folks to spend extra time in your web site. This will enhance pageviews and reduce your bounce fee.
The extra time somebody spends in your web site, the extra possible they’ll convert. For instance, they could e book a trial at your CrossFit gymnasium or purchase train tools out of your on-line retailer.
With that in thoughts, let’s see how one can simply add a BMI calculator in WordPress. On this tutorial, we’ll cowl two strategies, and you should utilize the hyperlinks beneath to leap to the tactic of your selection:
Technique 1: Create a BMI Calculator With WPForms (Straightforward)
You possibly can simply create a BMI calculator in WordPress with WPForms. It’s the finest calculator plugin in the marketplace that comes with a drag-and-drop builder, 1300+ premade templates, and full spam safety.
The plugin additionally gives a Calculations addon that permits you to add any calculator type you want, together with a BMI calculator, mortgage calculator, and age calculator.
First, you have to set up and activate the WPForms plugin. For detailed directions, see our step-by-step information on learn how to set up a WordPress plugin.
Observe: WPForms has a free plan. Nonetheless, you’ll need the professional plan of the plugin to unlock the Calculations addon.
Upon activation, head over to the WPForms » Settings web page from the WordPress dashboard to enter your license key. You could find this info in your account on the WPForms web site.
After that, go to the WPForms » Addons web page and find the ‘Calculations Addon’.
Then, simply click on the ‘Set up Addon’ button to activate it in your web site.
Subsequent, you will need to head to the WPForms » Add New web page from the WordPress admin sidebar.
Right here, you can begin by typing a reputation for the calculator type that you’re about to create.
After that, discover the ‘BMI Calculator Type’ template and click on the ‘Use Template’ button underneath it.
The WPForms type builder will now open in your display screen, the place you’ll discover a type preview on the best with type fields within the left column.
From right here, you possibly can add any area you want and drag and drop them to rearrange their order.
Subsequent, click on on the ‘Unit Of Measurement’ area to open its settings within the left column. Right here, you will note that the BMI calculator provides customers a selection between the imperial measurement system and the metric system.
Nonetheless, in case you solely wish to use a single measurement system in your calculator, then you possibly can click on on the (-) icon subsequent to a system to take away it.
Needless to say utilizing each measurement methods in your BMI calculator will assist you cater to a wider viewers.
After that, you’ll discover two completely different unit fields that shall be proven to customers as soon as they choose one of many items of measurement from the dropdown menu.
Nonetheless, in case you are utilizing a single measurement system, then one of many unit fields received’t be mandatory, and you may delete it.
For instance, in case you solely supply BMI in imperial items, then you will need to delete the unit fields for top (cm) and weight (kg) as a result of they’re metric items.
Subsequent, scroll right down to the ‘BMI’ and ‘Verdict’ fields. These fields will routinely calculate the peak and weight of the customers and present them their BMI outcomes.
In the event you delete any of those fields, then the BMI calculator type received’t be capable to carry out any calculations for you.
As soon as you’re happy along with your type, merely click on on the ‘Save’ button on the prime to retailer your adjustments.
Subsequent, open a web page/put up within the block editor the place you wish to add the BMI calculator.
From right here, click on the add block ‘+’ button to open the block menu and find the WPForms block.
When you try this, add the BMI calculator type from the dropdown menu throughout the block itself.
Lastly, click on the ‘Replace’ or ‘Publish’ button to retailer your settings. Now, you possibly can go to your WordPress web site to view the BMI calculator in motion.
Right here, guests can merely kind of their weight and top, and the calculator will present their BMI and say whether or not they’re underweight, wholesome, chubby, or overweight.
Technique 2: Create a BMI Calculator With Formidable Varieties (Superior)
If you wish to present a BMI vary inside your calculator, then we suggest making a BMI calculator in WordPress with Formidable Varieties as an alternative.
It’s a complicated type plugin with extra calculation capabilities, together with conditional calculations. It additionally has options like a ChatGPT area, dynamic fields, premade templates, and a drag-and-drop builder.
First, you have to set up and activate the Formidable Varieties plugin. For detailed directions, you possibly can see our newbie’s information on learn how to set up a WordPress plugin.
Observe: Needless to say the ‘Calculator’ templates are solely accessible within the professional plan of the plugin. Nonetheless, you’ll nonetheless want to put in Formidable Varieties Lite as a result of it offers the core basis for the premium plugin’s extra superior options.
Upon activation, go to the Formidable » International Settings web page from the WordPress dashboard and choose the ‘Click on to enter a license key manually’ possibility.
You could find the important thing in your account on the Formidable Varieties web site. When you enter the data, merely click on the ‘Save License’ button to retailer your settings.
Subsequent, you will need to go to the Formidable » Varieties web page from the WordPress dashboard.
Right here, click on the ‘+ Add New’ button to start out constructing your calculator.
It will take you to the ‘Type Templates’ web page. Right here, you possibly can click on the ‘Calculator’ tab from the left column to view the 55+ calculator type templates, together with a complicated mortgage calculator, proportion calculator, compound curiosity calculator, and extra.
Go forward and click on the ‘Use Template’ button underneath the ‘BMI Calculator’ template.
It will open the shape builder, the place you will note a type preview on the best with type fields within the left column. Now you can add any area to the shape and drag and drop these fields to rearrange their order.
For instance, the BMI calculator type template doesn’t have a reputation area by default. However you possibly can add it to the shape from the left panel to gather extra details about your customers.
After that, you have to click on on the ‘Unit of measurement’ area to open its settings within the left column.
From right here, you possibly can take away any of the 2 measurement methods (metric or imperial) by clicking on the (-) icon subsequent to the methods.
Nonetheless, if you wish to preserve each of them within the BMI calculator, then you possibly can choose one because the default measurement system.
Then again, in case you resolve to make use of just one measurement system for the calculator, then you’ll have to delete the unit worth fields for the opposite system.
As an illustration, in case you solely wish to work with the metric system, then you will need to delete the peak (toes and inches) and weight (lbs) fields from the shape.
To do that, merely click on the three-dot icon on prime of the sector after which choose the ‘Delete’ possibility.
Subsequent, you will need to scroll right down to the ‘BMI’ area. This area will routinely calculate the BMI on your customers and supply a verdict.
In the event you delete this area, then the BMI calculator received’t work. We suggest leaving it as is.
After that, click on the ‘Save’ button on the prime to retailer your settings.
It will open a immediate on the display screen the place you will need to add a reputation on your type and click on the ‘Save’ button.
Subsequent, you will need to shut the shape editor and open the web page/put up the place you wish to add the BMI calculator within the block editor.
As soon as you’re there, go forward and click on the add block ‘+’ button to open the block menu and add the Formidable Varieties block.
After that, choose the shape you simply created from the dropdown menu throughout the block itself.
Lastly, click on the ‘Replace’ or ‘Publish’ button to retailer your settings.
Now, you possibly can go to your WordPress weblog or web site to view the BMI calculator. Right here, the customer can kind their top and weight to view their BMI. If they need extra info, then they will click on on the ‘See My Vary’ button.
The calculator will then present the ranges for all of the completely different weight classes.
Bonus: Create a Health Tracker in WordPress
Aside from including a BMI calculator, you may as well add a health tracker to your WordPress web site. This tracker generally is a easy type that customers fill out each month to trace their weight reduction journeys.
In case you have a health weblog, then including this tracker can enhance engagement in your web site and encourage extra customers to enroll and be part of your electronic mail record.
You possibly can simply create a health tracker with Formidable Varieties without having to be taught any code. Then, customers will be capable to observe their weight reduction progress over time.
For extra particulars, simply see our tutorial on learn how to create a health tracker in WordPress.
We hope this tutorial helped you learn to add a BMI calculator in WordPress. You may additionally wish to take a look at our information on learn how to create a contact type and the must-have WordPress plugins for enterprise websites.
In the event you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.
