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 calculate their BMI and work out 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 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 addresses 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. It is the best WordPress calculator plugin on the market and the easiest way to build any kind of advanced form.

Formidable Forms

Formidable Forms has lots of calculator templates including a BMI calculator that you can add to your gym website or 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.

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

This will open the template in the Formidable Forms 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 page.

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.

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 website 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, you can click on any entry to see this person’s information.

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 even more insights? Then you can click on the ‘Reports’ tab to see detailed charts and graphs for your custom calculator.

For instance, in our ROI calculator report, we can see the average ROI percentage submitted by users.

Viewing calculator data reports

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 tailor 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. 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.

Popup example

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.

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

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

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.