Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How To Create A Custom Calculator In WordPress

Do you want to create a custom calculator in WordPress?

Calculators are a great way to get more leads by collecting the visitor’s email address. You can also use them to increase engagement or answer visitor questions and keep them on your site for longer.

In this article, we’ll show you how to easily create a custom calculator in WordPress.

Easily create a custom calculator in WordPress

Why Add a Custom Calculator in WordPress?

A custom calculator allows users to quickly calculate things without leaving your site.

For instance, if you have a health and fitness blog, then you might add a BMI calculator so users can see their BMI and decide which subscription plan or product to purchase.

An example of a BMI calculator

If you sell worldwide, then a calculator that converts metric units to imperial units can get you more sales by helping customers check if a product is the desired size or weight.

You can also build trust and reduce cart abandonment by offering a shipping calculator. This way, customers won’t be surprised with unexpected costs at checkout.

Or, you can add a mortgage calculator to your real estate website or a car payment calculator to your vehicle dealership site.

An example of a car payment calculator

These custom calculators are also a great way to generate leads. For instance, you can ask users to enter their email address so you can send them their results. In this way, a calculator can help you build an email list in WordPress.

That being said, let’s take a look at how to easily create a custom calculator in WordPress.

How to Create a Custom Calculator in WordPress

The best way to create a custom calculator for your website is by using Formidable Forms.

Formidable Forms

It is the best WordPress calculator plugin on the market and the easiest way to build advanced forms.

Formidable Forms has lots of calculator templates including a BMI calculator that you can add to your gym website.

An example of a BMI calculator, created using Formidable Forms

There’s also a mortgage calculator that’s perfect for IDX real estate websites.

The first thing you need to do is install and activate the Formidable Forms plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you’ll also need to install the free Formidable Forms Lite. This free version provides the core foundation for the premium plugin’s more advanced features.

Once you’ve done that, go to the Formidable Forms » Global Settings page and select ‘Click to enter a license key manually.’

Enter Formidable Forms license key

You can find the license key under your account on the Formidable Forms website.

After entering this information, go ahead and click the ‘Save License’ button. Now, you’re ready to create a custom calculator for your WordPress website.

Choose a Professionally-Designed Calculator Template

To get started, simply head over to the Formidable » Forms page and click on ‘Add New.’

Adding a new calculator form

This will bring up a list of all the ready-made form templates you can use.

In the search box, type ‘Calculator’ and then click on the ‘Calculator’ category.

How to create a custom calculator using a template

This opens a dropdown where you can choose the calculator template you want to use. There are lots of different templates covering a range of niches.

To preview a template, simply hover your mouse over it and then click the little icon that looks like an eye.

Previewing the ROI calculator template

To use a template, hover over it and then click on the ‘+’ icon. In this guide, we’ll be using the ROI Calculator template, but you can use any template you want.

After choosing a template, type a title into the ‘Form Name’ field and enter an optional description. This information is just for your reference so you can enter anything you want.

With that done, click on the ‘Create’ button.

Adding a ROI calculator to WordPress

Customize the Calculator Form Template

Formidable Forms will now open your chosen template in its user-friendly editor.

From here, you can simply point and click to customize any field in the form. For example, you can click on the ‘Invested amount’ field and then type some new text into its ‘Field Label.’

Adding a custom calculator to WordPress

You can also add more fields to the calculator by selecting ‘Add Fields’ in the left-hand menu.

Then, drag the field to your calculator on the right. For example, if you’re using the form to get more subscribers for your email newsletter, then you’ll need to add an ‘Email’ field.

Add new field

You can continue to fine-tune your calculator by customizing its fields and adding any new fields that you want to use.

When you’re happy with how the calculator is set up, click the ‘Update’ button at the top right corner of the screen.

Save calculator

Your custom calculator form is now ready, and you can add it to any WordPress post or page.

To do this, open the page or post where you want to show the calculator. Then, click on the ‘+’ icon and type ‘Formidable Forms.’

The Formidable Forms block

When the right block appears, give it a click to add it to the WordPress content editor.

Next, simply open the ‘Select a form’ dropdown and choose the custom calculator.

Select ROI Calculator form

WordPress will now add the calculator to the post, and show a preview in the block editor.

At this point you may want to continue working on the page by adding text, images, a description of the calculator, categories and tags, more.

ROI calculator preview in the editor

When you’re ready to publish the calculator page, click the ‘Publish’ or ‘Update’ button in the right-hand corner.

You can then visit the page to see your custom calculator in action.

An example of an RIO calculator, created using Formidable Forms

Customizing Your Calculator Form in WordPress

At some point, you might try changing the calculator to see if you can get more conversions. For example, you might make the ‘Email’ field mandatory.

To make these changes, simply go to the Formidable » Forms page and hover over the calculator you want to customize. When it appears, click on the ‘Edit’ button.

Edit your calculator form

This will open the drag-and-drop Formidable Forms editor. You can now customize the form fields or even add new fields by following the same process described above.

When you’re finished, simply click on the ‘Update’ button and these changes will appear on your business website or blog automatically.

Viewing Your Calculator Form Entries

Every time someone completes a form, Formidable Forms automatically saves their entry to your WordPress database. This allows you to see how people are using the form, and learn more about your visitors.

To see this information, simply go to Formidable » Entries in the WordPress dashboard.

View calculator form entries

From here, hover over any entry and then click on the ‘View’ link when it appears.

If you’ve created lots of different forms, then you may want to filter the information. To do this, simply open the dropdown that shows ‘View all forms’ and choose a form from the list.

Viewing a Formidable Forms report

Need more information?

Then you can click on the ‘Reports’ tab to see detailed charts and graphs.

Viewing detailed form reports in WordPress

Formidable Forms will show a report by default.

However, if you want to see the information for a different form, then simply click on the arrow towards the left of the screen.

Viewing detailed form reports in WordPress

You can then choose any form from the dropdown menu.

These charts allow you to see how users are interacting with the calculators on your website and the average responses. You can use this information to fine-tune your content to better suit your audience and help you achieve your goals.

Average values for your calculator form data

Sometimes you may want to share a form’s data with people who don’t have access to your WordPress dashboard. For example, you might run a WordPress development agency and manage multiple websites for clients.

Formidable Forms lets you export all your data as a CSV or XML file by going to Formidable » Import / Export. You can then check the box next to ‘Entries.’

The Formidable Form plugin's import/export feature

With that done, open the ‘Export Format’ dropdown and choose either ‘CSV’ or ‘XML’

You can then go ahead and check all the forms you want to include in the export.

Exporting calculator data from a WordPress website

Finally, select ‘Export Selection’ to create the XML or CVS file.

Capturing Leads with Your Custom Calculator

Formidable Forms makes it super easy to add customer calculators in WordPress and connect those calculators to your email marketing service.

However, you’ll still need to encourage visitors to use your calculator.

This is where OptinMonster comes in. It is the best lead generation software on the market and allows you to easily convert website visitors into subscribers and customers.

An example of a popup, created using OptinMonster

It comes with tools like lightbox popups, slide-in popups, countdown timers, header and footer banners, and more. All of these tools can drive more people to your calculators and get you more conversions, subscribers, and sales.

OptinMonster also comes with powerful targeting rules and personalization options so you can show the right messages, to the right people, at the right time.

We hope this article helped you add a custom calculator in WordPress. You may also want to see our expert pick of the best business phone services, or see our tips on how to track conversions in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

1 CommentLeave a Reply

  1. Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.