Do you wish to add a BMI calculator in WordPress?
Should you provide well being and fitness-related content material, merchandise, or companies, then a BMI calculator might be useful in 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 easy methods 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 models, then you should use this method, the place lb is the load in kilos, and in2 is their top in inches squared, multiplied by 703:
BMI = lb/in2 ∗ 703
A BMI studying may help your guests, sufferers, or purchasers determine whether or not they’re underweight, obese, or a wholesome weight for his or her top. Nevertheless, asking folks to do the calculation themselves isn’t consumer expertise.
That is the place a BMI calculator is available in.
If in case you have began a well being or health weblog, then a BMI calculator may help guests plan the following steps of their well being journey. For instance, somebody who decides to cut back their BMI could join your health tracker.
A BMI calculator can even encourage folks to spend extra time in your web site. This will enhance pageviews and reduce your bounce price.
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 gear 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 use the hyperlinks under to leap to the tactic of your alternative:
Technique 1: Create a BMI Calculator With WPForms (Straightforward)
You possibly can simply create a BMI calculator in WordPress with WPForms. It’s the greatest calculator plugin available on the market 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 kind you want, together with a BMI calculator, mortgage calculator, and age calculator.
Notice: WPForms has a free plan. Nevertheless, you will have 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. Yow will discover 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 could 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 kind that you’re about to create.
After that, discover the ‘BMI Calculator Type’ template and click on the ‘Use Template’ button below it.
The WPForms kind builder will now open in your display screen, the place you’ll discover a kind preview on the fitting with kind 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 notice that the BMI calculator offers customers a alternative between the imperial measurement system and the metric system.
Nevertheless, in the event 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.
Understand that utilizing each measurement techniques in your BMI calculator will make it easier to cater to a wider viewers.
After that, you’ll discover two totally different unit fields that can be proven to customers as soon as they choose one of many models of measurement from the dropdown menu.
Nevertheless, in case you are utilizing a single measurement system, then one of many unit fields gained’t be mandatory, and you may delete it.
For instance, in the event you solely provide BMI in imperial models, then you could delete the unit fields for top (cm) and weight (kg) as a result of they’re metric models.
Subsequent, scroll right down to the ‘BMI’ and ‘Verdict’ fields. These fields will robotically calculate the peak and weight of the customers and present them their BMI outcomes.
Should you delete any of those fields, then the BMI calculator kind gained’t be capable of carry out any calculations for you.
As soon as you’re glad along with your kind, merely click on on the ‘Save’ button on the high to retailer your modifications.
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 kind 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 sort of their weight and top, and the calculator will present their BMI and say whether or not they’re underweight, wholesome, obese, or overweight.
Technique 2: Create a BMI Calculator With Formidable Types (Superior)
If you wish to present a BMI vary inside your calculator, then we advocate making a BMI calculator in WordPress with Formidable Types as an alternative.
It’s a sophisticated kind 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.
Notice: Understand that the ‘Calculator’ templates are solely accessible within the professional plan of the plugin. Nevertheless, you’ll nonetheless want to put in Formidable Types Lite as a result of it supplies 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.
Yow will discover the important thing in your account on the Formidable Types web site. When you enter the knowledge, merely click on the ‘Save License’ button to retailer your settings.
Subsequent, you could go to the Formidable » Types web page from the WordPress dashboard.
Right here, click on the ‘+ Add New’ button to start out constructing your calculator.
This may 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 kind templates, together with a sophisticated mortgage calculator, share calculator, compound curiosity calculator, and extra.
Go forward and click on the ‘Use Template’ button below the ‘BMI Calculator’ template.
This may open the shape builder, the place you will notice a kind preview on the fitting with kind 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 kind 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 must 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 techniques (metric or imperial) by clicking on the (-) icon subsequent to the techniques.
Nevertheless, 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 the event 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 the event you solely wish to work with the metric system, then you could delete the peak (toes and inches) and weight (lbs) fields from the shape.
To do that, merely click on the three-dot icon on high of the sector after which choose the ‘Delete’ possibility.
Subsequent, you could scroll right down to the ‘BMI’ area. This area will robotically calculate the BMI in your customers and supply a verdict.
Should you delete this area, then the BMI calculator gained’t work. We advocate leaving it as is.
After that, click on the ‘Save’ button on the high to retailer your settings.
This may open a immediate on the display screen the place you could add a reputation in your kind and click on the ‘Save’ button.
Subsequent, you could 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 Types 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 sort 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 totally different weight classes.
Bonus: Create a Health Tracker in WordPress
Aside from including a BMI calculator, you too can add a health tracker to your WordPress web site. This tracker generally is a easy kind that customers fill out each month to trace their weight reduction journeys.
You possibly can simply create a health tracker with Formidable Types while not having to be taught any code. Then, customers will be capable of monitor their weight reduction progress over time.
For extra particulars, simply see our tutorial on easy methods to create a health tracker in WordPress.
We hope this tutorial helped you learn to add a BMI calculator in WordPress. You might also wish to try our information on easy methods to create a contact kind and the must-have WordPress plugins for enterprise websites.
The put up Easy methods to Add a BMI Calculator in WordPress (Step by Step) first appeared on WPBeginner.