M-Hosting 24

How to Add a BMI Calculator in WordPress (Step by Step)

How one can Add a BMI Calculator in WordPress (Step by Step)

Do you need to add a BMI calculator in WordPress?

In case you provide well being and fitness-related content material, merchandise, or providers, then a BMI calculator could possibly be useful in your viewers. It will probably enhance the customer expertise and hold folks in your WordPress web site for longer.

On this article, we are going to present you tips on 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 particular person’s weight in kilograms, and m2 is their top in meters squared.

Alternatively, in case you are working with imperial models, then you should utilize this components, 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 will help your guests, sufferers, or purchasers determine whether or not they’re underweight, chubby, or a wholesome weight for his or her top. Nevertheless, asking folks to do the calculation themselves isn’t a great consumer expertise.

That is the place a BMI calculator is available in.

You probably have began a well being or health weblog, then a BMI calculator will 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 improve pageviews and reduce your bounce price.

The extra time somebody spends in your web site, the extra probably they may convert. For instance, they may ebook 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 are going to cowl two strategies, and you should utilize the hyperlinks beneath to leap to the tactic of your alternative:

Methodology 1: Create a BMI Calculator With WPForms (Simple)

You’ll be able to 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.

First, it is advisable to set up and activate the WPForms plugin. For detailed directions, see our step-by-step information on tips on how to set up a WordPress plugin.

Be aware: 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 data in your account on the WPForms web site.

wpforms-license-key

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.

Install and activate the Calculations addon

Subsequent, you 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 kind that you’re about to create.

After that, discover the ‘BMI Calculator Type’ template and click on the ‘Use Template’ button beneath it.

Click the Use Template button under the BMI Calculator Form template

The WPForms kind builder will now open in your display, the place you’ll discover a kind preview on the suitable with kind fields within the left column.

From right here, you’ll be able to add any subject you want and drag and drop them to rearrange their order.

Subsequent, click on on the ‘Unit Of Measurement’ subject to open its settings within the left column. Right here, you will note that the BMI calculator provides customers a alternative between the imperial measurement system and the metric system.

Nevertheless, in case you solely need to use a single measurement system in your calculator, then you’ll be able to click on on the (-) icon subsequent to a system to take away it.

Remember the fact that utilizing each measurement methods in your BMI calculator will provide help to cater to a wider viewers.

Choose units of measurement for the form

After that, you’ll discover two completely different unit fields that shall 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 essential, and you may delete it.

For instance, in case you solely provide BMI in imperial models, then you need to delete the unit fields for top (cm) and weight (kg) as a result of they’re metric models.

Delete a layout field according to the measurement system you chose

Subsequent, scroll all the way 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.

In case 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 happy along with your kind, merely click on on the ‘Save’ button on the high to retailer your modifications.

Save your BMI calculator form

Subsequent, open a web page/publish within the block editor the place you need 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 inside the block itself.

Add BMI calculator form to the page with the WPForms block

Lastly, click on the ‘Replace’ or ‘Publish’ button to retailer your settings. Now, you’ll be able to 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, chubby, or overweight.

WPForms BMI calculator preview

Methodology 2: Create a BMI Calculator With Formidable Varieties (Superior)

If you wish to present a BMI vary inside your calculator, then we advocate making a BMI calculator in WordPress with Formidable Varieties as an alternative.

It’s a sophisticated kind plugin with extra calculation capabilities, together with conditional calculations. It additionally has options like a ChatGPT subject, dynamic fields, premade templates, and a drag-and-drop builder.

First, it is advisable to set up and activate the Formidable Varieties plugin. For detailed directions, you’ll be able to see our newbie’s information on tips on how to set up a WordPress plugin.

Be aware: Remember the fact that the ‘Calculator’ templates are solely accessible within the professional plan of the plugin. Nevertheless, you’ll nonetheless want to put in Formidable Varieties Lite as a result of it gives the core basis for the premium plugin’s extra superior options.

Upon activation, go to the Formidable » World 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 Varieties web site. When you enter the data, merely click on the ‘Save License’ button to retailer your settings.

Enter the Formidable Forms license key

Subsequent, you need to go to the Formidable » Varieties web page from the WordPress dashboard.

Right here, click on the ‘+ Add New’ button to begin constructing your calculator.

Adding a new calculator form

This may take you to the ‘Type Templates’ web page. Right here, you’ll be able to click on the ‘Calculator’ tab from the left column to view the 55+ calculator kind templates, together with a sophisticated mortgage calculator, proportion calculator, compound curiosity calculator, and extra.

Go forward and click on the ‘Use Template’ button beneath the ‘BMI Calculator’ template.

Choose the BMI calculator template

This may open the shape builder, the place you will note a kind preview on the suitable with kind fields within the left column. Now you can add any subject 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 subject by default. However you’ll be able to add it to the shape from the left panel to gather extra details about your customers.

Add form fields of your choice in the BMI calculator from the left column

After that, it is advisable to click on on the ‘Unit of measurement’ subject to open its settings within the left column.

From right here, you’ll be able to take away any of the 2 measurement methods (metric or imperial) by clicking on the (-) icon subsequent to the methods.

Nevertheless, if you wish to hold each of them within the BMI calculator, then you’ll be able to choose one because the default measurement system.

Choose the default measurement system for the BMI calculator

However, in case you determine 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 example, in case you solely need to work with the metric system, then you need to delete the peak (ft and inches) and weight (lbs) fields from the shape.

To do that, merely click on the three-dot icon on high of the sphere after which choose the ‘Delete’ possibility.

Delete unit fields for the measurement system that you have removed

Subsequent, you need to scroll all the way down to the ‘BMI’ subject. This subject will robotically calculate the BMI in your customers and supply a verdict.

In case you delete this subject, then the BMI calculator gained’t work. We advocate leaving it as is.

BMI field in the Formidable Forms

After that, click on the ‘Save’ button on the high to retailer your settings.

This may open a immediate on the display the place you need to add a reputation in your kind and click on the ‘Save’ button.

Add a name for the BMI calculator form

Subsequent, you need to shut the shape editor and open the web page/publish the place you need 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 inside the block itself.

Add BMI calculator with the Formidable Forms block

Lastly, click on the ‘Replace’ or ‘Publish’ button to retailer your settings.

Now, you’ll be able to 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 data, then they’ll click on on the ‘See My Vary’ button.

The calculator will then present the ranges for all of the completely different weight classes.

Formidable Forms BMI calculator preview

Bonus: Create a Health Tracker in WordPress

Other than including a BMI calculator, you too can add a health tracker to your WordPress web site. This tracker is usually a easy kind that customers fill out each month to trace their weight reduction journeys.

You probably have a health weblog, then including this tracker can improve engagement in your web site and encourage extra customers to enroll and be part of your e mail checklist.

You’ll be able to simply create a health tracker with Formidable Varieties without having to be taught any code. Then, customers will be capable of observe their weight reduction progress over time.

Live fitness tracker

For extra particulars, simply see our tutorial on tips on how to create a health tracker in WordPress.

We hope this tutorial helped you learn to add a BMI calculator in WordPress. You might also need to try our information on tips on how to create a contact kind and the must-have WordPress plugins for enterprise websites.

In case you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Fb.

Source link

Leave a Comment

Your email address will not be published. Required fields are marked *