How to Generate More Leads with Free Online Calculators (Pro Tips)

Do you need to generate extra leads in your web site?

On-line calculators are an effective way to get a customer’s contact info so you may attain out to them with customized adverts, emails, newsletters, and different types of on-line advertising and marketing.

On this article, we’ll present you the way to create a web-based calculator and begin producing extra leads on your WordPress web site.


Why Are On-line Calculators Such Nice Lead Technology Instruments?

On-line calculators are helpful instruments that may assist guests resolve an issue or reply a query. Even higher, you may ask for the customer’s e mail handle earlier than displaying their outcomes, which makes them an effective way to generate leads.

You need to use on-line calculators in numerous totally different industries and niches. For instance, within the well being and wellness area, you may add a BMI calculator after which encourage guests to buy a meal plan.

online calculator example

If you happen to promote to a world viewers, then a calculator that converts metric units to imperial units can get you extra gross sales by serving to clients examine if a product is the best measurement or weight.

You may additionally add a mortgage calculator to your actual property web site or a car payment calculator to your automobile dealership web site.

car payment calculator example

The chances are infinite, so it’s straightforward to see why on-line calculators are shortly changing into a few of the hottest methods to develop your e mail listing.

That being mentioned, let’s present you the way to create a web-based calculator and generate leads. We’ll cowl two strategies, and be at liberty to make use of our hyperlinks to leap to the strategy of your selection:

Methodology 1: Creating On-line Calculators Utilizing WPForms (Beneficial)

One of the best and best method to create a web-based calculator on your WordPress web site with out writing a single line of code is to make use of the WPForms plugin.


WPForms is one of the best contact kind builder and calculator plugin out there, with over 6 million installs. It permits you to create all kinds of kinds, together with conversational kinds, user-registration forms, and extra.

On high of that, you get entry to a variety of calculator kind templates prepared to make use of out-of-the-box so you can begin constructing belief and producing leads for your small business.

Observe: Since we might be utilizing the Calculations Addon and the Lead Types Addon for this tutorial, you will have the WPForms Pro model. This premium plugin provides you entry to superior options like kind experiences and conditional logic. That mentioned, if you wish to create primary kinds, there’s a free version you can check out.

Step 1: Putting in and Activating the WPForms Plugin

When you’ve bought WPForms Professional, go forward and set up and activate the plugin in your WordPress dashboard. For additional particulars, try our step-by-step tutorial on how to install a WordPress plugin.

Upon activation, you’ll want to go over to WPForms » Addons. Then click on the ‘Set up Addon’ button.

install wpforms calculator addon

Since we might be gathering leads, you’ll additionally want to seek out the Lead Types Addon.

Then click on ‘Set up Addon.’

install wpforms lead forms addon

Subsequent, we’ll cowl the way to create a web-based calculator in order that customers can use it to carry out calculations and get correct estimations.

Step 2: Creating Your On-line Calculator Kind

Go to WPForms » Add New. This can open the drag-and-drop on-line kind builder, the place you may create and customise your calculator kind.

add new forms in wpforms

Subsequent, merely give your new kind a reputation by typing it into the field.

That is so to reference your calculator kind later once you need to make modifications or embed it on a web page or submit.

name your form wpforms

Beneath that, you may choose a template that is smart for you. Within the left panel, you may navigate by way of the varied classes underneath the ‘Calculator’ possibility.

For instance, in case you run a gym website, then you definitely may select from the ‘health’ class, however when you have a dealership or are a realtor, then you can choose the ‘finance’ class to make sure your potential clients qualify on your services or products.

With an enormous listing of templates, you’ll discover nearly any sort of on-line calculator you’re searching for. However for the sake of this tutorial, we’ll go along with the ‘Mortgage Lead Generator Kind.’

Simply hover over the template you need to use and choose ‘Use Template.’

use mortgage lead generator form template

From right here, you’ll be taken to the Fields tab, the place you will notice the drag-and-drop kind builder. All of the out there fields are within the left panel.

If you happen to’d like so as to add a area, drag it from the left to the best facet. On the best is the editor that allows you to visually see what the shape appears like.

With the Lead Types Addon, you’ll mechanically see web page breaks. Earlier than every web page break, there’s a ‘Subsequent’ button so customers can transfer to the following web page after they’ve accomplished the required fields.

They’ll additionally see a progress bar under that breaks up the shape into digestible sections and improves the consumer expertise.

Professional Tip: It’s possible you’ll need to group associated fields on every web page and even embrace an enormous and daring textual content heading indicating what every web page is about.

lead generator form in visual editor

The mortgage calculator kind comes with the next fields:

  • Dwelling worth
  • Down cost
  • Rate of interest
  • Mortgage interval
  • Month-to-month mortgage cost
  • Annual cost quantity
  • Complete curiosity paid
  • Complete mortgage cost

In case you are a mortgage lender, then this template will comprise many of the fields you’re most likely searching for. That mentioned, you may at all times add or delete fields as wanted.

For instance, it is likely to be applicable so as to add multiple-choice fields that ask for the “Objective of the Mortgage or Mortgage” and the “Kind of Property” the consumer is searching for. That manner, you may higher meet their wants.

Once you add the sector, simply navigate to the ‘Normal’ tab underneath Discipline Choices after which edit the choices as wanted.

field options general tab wpforms

Step 3: Altering the Calculations (Optionally available)

After you have your whole fields arrange, you may need to add or edit the calculations from this template. On this kind, the calculation is managed by the ‘Complete Mortgage Fee’ area.

If you happen to click on on the sector and head over to the ‘Superior’ tab, then the ‘Allow Calculation’ possibility ought to already be toggled on. If you wish to preserve the unique calculation method that comes with the template, then you may depart this setting alone.

enable calculation wpforms

Nevertheless, in case you want to edit the method, then you may change the values within the ‘Formulation’ textual content field.

When customers enter the small print, the shape will mechanically calculate the outcomes primarily based on the data they offered.

On the high of the Formulation field, you may add arithmetic features like:

  • Addition (+)
  • Subtraction (-)
  • Multiplication (*)
  • Division (/)

Each time you insert a method, it should fall inside the parentheses, which will be added on the high of the method field.

Simply click on on ‘Insert Discipline,’ and also you’ll see the listing of codes related to every area.

add formula in wpforms

There are different guidelines you may put in place, such because the and if, else rule.

For instance, in case you used a method like Housing Bills/Gross Month-to-month Earnings, then you may extra the chance of the applicant. Utilizing the if/else rule would make it easier to mechanically deny or settle for candidates primarily based on the chance.

You can even click on on the ‘Cheatsheet’ subsequent to the Formulation field to see all of the out there guidelines and features you may add.

If you find yourself performed including the method, click on ‘Validate Formulation’ to ensure the calculations and syntax are appropriate.

validate formula wpforms

Step 4: Setting Up Contact Choices

In your on-line calculator lead kind, it’s additionally a good suggestion to ask clients how they need to be reached. That manner, you may observe up with leads who’ve proven curiosity in what you must provide.

It is a good spot so as to add icons as properly. Simply click on on the multiple-choice area. Then, it’s best to see choices to configure the multiple-choice choices. If you happen to toggle the ‘Use icon selections’ button, then the icons might be added to your kind.

use icon choices wpforms

You’ll now see face-smile packing containers seem.

Merely click on on the face-smile field within the left panel, which can let you decide the icon you’d like so as to add.

add icon to wpforms

An Icon Picker pop-up display screen will seem. You’ll be able to decide between 2,000+ icons.

Simply use the search bar and kind within the icon you’re searching for. We’ll select the icons that greatest match our multiple-choice choices.

icon picker wpforms

You can even change the ‘Icon Colour’ setting within the left panel.

As soon as that’s accomplished and also you’ve chosen all of your icons within the multiple-choice area, right here’s what it ought to appear like.

multiple choice icons in wpforms

One other private contact you may add to your kind is a logo or header picture on the high of your calculator kind.

Merely click on on the Content material area and drag it onto the best facet of the shape editor.

content field in wpforms

Then, choose the Content material area.

Within the ‘Normal’ tab, you may click on on the ‘Add Media’ button to add your organization brand.

add media in wpforms

Step 5: Styling Your Calculator Kind

As well as, you may customise the type of your lead kind.

To try this, you head over to Settings » Lead Types.

lead forms wpforms

Once you activate the ‘Superior Type Settings,’ you may add a container across the fields and kind, giving it fashionable results so it pops out extra.

You may additionally customise the colour of the sector borders, container background, and textual content.

customize color in wpforms

Including icons and customizing the looks of your kind is an effective way to maintain it wanting sharp {and professional}.

Step 6: Modifying the Affirmation Message

The very last thing you’ll have to do is evaluation and edit the affirmation message. WPForms will mechanically ship a affirmation message that summarizes the fields the consumer has accomplished, together with the outcomes of the calculations.

To try this, you want to head over to Settings » Confirmations.

You’ll be able to select to ship the message instantly on the web page or redirect the consumer to a different web page. Then, edit the message within the textual content field.

Utilizing Good Tags is an effective way to personalize your message primarily based on the data that the consumer offered.

confirmation message wpforms

As soon as you’re happy with how your kind appears, simply hit the ‘Save’ button.

This fashion, you don’t lose any modifications you’ve made.

save lead generator form

Step 7: Embedding Your New On-line Calculator Kind right into a WordPress Web page or Submit

Subsequent, it would be best to embed your on-line calculator into one in all your WordPress pages or posts.

Go to any WordPress web page or submit. Right here, you may click on on the ‘+’ button so as to add a brand new block and select the WPForms block.

add wpforms block

Then choose the web calculator kind you’ve simply created.

The shape ought to mechanically seem on the web page.

add lead generator form

Then, go forward and hit ‘Publish’ on the high.

Now, you’ve efficiently added your on-line calculator to your WordPress web site.

publish mortgage loan calculator

Simply ensure to preview it earlier than you’re performed.

It ought to look one thing like this.

preview mortgage loan calculator

It would be best to undergo the shape to ensure all the shape fields and the calculations are working correctly.

As an illustration, right here’s what the affirmation message appears like after we’ve accomplished this type.

thank you message mortgage loan calculator

Step 8: Viewing Kind Entries

If you happen to head over to WPForms » Entries and choose your kind identify, then you will notice all of the entries out of your on-line calculator kind.

You’ll be able to simply view, edit, or trash every entry. If you happen to view the entry, then you definitely or your gross sales staff can discover all of the lead info you’re searching for.

entries in wpforms

You can even export this listing and add it to a advertising and marketing automation platform or join it to a WordPress automation plugin like Uncanny Automator.

This can let you contact leads after they submit the web calculator kind.

To be taught extra about how to try this, try our information on how to do lead generation in WordPress like a pro.

Methodology 2: Including a Calculator With Formidable Types (Superior)

One other manner so as to add on-line calculators to WordPress is through the use of the Formidable Forms plugin. It has a complicated drag-and-drop kind builder and is among the many best WordPress calculator plugins available on the market.

The plugin makes a speciality of serving to individuals construct advanced kinds with superior calculations.

As an illustration, Formidable Types comes with numerous calculator templates, together with a mortgage calculator you can add to your IDX real estate website and a BMI calculator that’s perfect for well being blogs and fitness center web sites.

Is Formidable Forms the right form builder plugin for you?

Formidable Types additionally permits you to add conditional calculations. For instance, primarily based on the consumer’s responses on a kind, you may inform the plugin which method it ought to mechanically use.

The very first thing you want to do is set up and activate each the free Formidable Forms Lite and the premium Formidable Types plugins. For extra particulars, see our information on how to install a WordPress plugin.

When you’ve performed that, head over to Formidable » International Settings and choose ‘Add a license manually.’

add license formidable forms

To seek out your license key, simply head over to the Formidable Types web site.

Then log into your account and head over to the ‘Downloads’ web page.

formidable forms pro downloads

From right here, merely paste your license key into the sector in your WordPress web site.

Ensure that to click on the ‘Save License’ button after which the ‘Replace’ button on the high.

save license formidable forms pro

After that, you will notice a ‘license activation success’ message.

Step 1: Select a Calculator Kind Template

Now you’re able to create your first calculator by going to Formidable » Types after which clicking ‘+ Add New.’

add new forms formidable forms pro

You’ll now see all of the totally different kind templates from which you’ll be able to select.

On the web page, scroll down and choose the Calculator class, the place you’ll see all of the out there calculator templates that Formidable Types gives.

To preview a template, merely hover over it and hit ‘View Demo.’

If you find yourself able to get began, hover over it after which click on on ‘Use Template.’

For this information, we might be utilizing the ‘Compound Curiosity Calculator’ template, however you should utilize any calculator template you need.

use compound interest calculator template

You’ll now see your chosen template within the Formidable Types editor.

Step 2: Design Your Free On-line Calculator

From right here, you may level and click on to customise any area within the kind. For instance, if you wish to change the sector label or quantity vary for the ‘Preliminary quantity,’ then click on to pick out that area.

You’ll be able to then make your modifications utilizing the settings within the left-hand menu.

customize fields in online calculator form

So as to add extra fields to the calculator, merely choose the ‘Add Fields’ tab within the left-hand menu. Then, drag the sector onto the calculator template.

For instance, if you wish to gather the customer’s email address, then you definitely’ll want so as to add a area the place individuals can sort on this info. To do that, drag and drop an ‘E-mail’ area onto the calculator template.

add email field

After that, click on on the ‘E-mail’ area and make any modifications utilizing the ‘Discipline Choices’ settings.

You’ll be able to usually use the default settings, however to generate as many leads as potential, it’s a good suggestion to examine the ‘Required’ field. This implies guests might want to enter an e mail handle so as to see their outcomes.

email requirement checkbox

You’ll be able to proceed to customise your calculator by altering the values for the fields and even including new fields.

Step 3: Adjusting the Calculations

Formidable Types comes with ready-made templates that have already got pre-built calculations. That mentioned, if you wish to alter the formulation or values, you may.

Observe: If you wish to preserve the default calculations within the template, then you definitely’ll need to depart the superior fields alone.

To examine the calculations, click on on any of the sector parts that might be affected by the method. Once you click on on any area ingredient, you also needs to see an ID quantity.

Within the lefthand panel, you want to go to the Discipline Choices » Superior tab. Beneath ‘Default Worth,’ you’ll see the method used.

So, on this case, we see that ‘Complete compound curiosity’ has an ID of 20. The method ‘[18]+[19]’ states that the Compound curiosity on principal + Compound curiosity on deposits equals the Complete compound curiosity.

default value in formidable forms

In case you are not sure in regards to the ID quantity for a specific area or need to see which fields you may add to your method, simply click on on the three dots icon subsequent to ‘Default Worth.’

Then, choose the sector that you’re searching for within the Discipline Record dropdown menu. You’ll be able to decide any area you’d like, and it’ll add it to the ‘Default Worth’ to be used in your method.

field list formidable forms

One thing to remember is that you’ll use all normal mathematic symbols, resembling:

  • + for addition
  • – for subtraction
  • * for multiplication
  • / for division
  • () for grouping sure calculations collectively
  • Math.pow() for including exponents to an equation

Right here’s an instance of what it appears like. As beforehand proven, the [] is the notation for ID numbers.

calculation in formidable forms

You’ll need to preview the shape to make sure the calculations are working correctly.

If you find yourself pleased with how the calculator kinds, simply click on the ‘Save’ button.

save compound interest calculator form

You need to see a message seem asking you to call your kind.

Go forward and provides it a reputation so to simply refer again to it later. Then, hit the ‘Save’ button.

save form

After a couple of moments, you’ll see a ‘efficiently up to date’ message.

Step 4: Add a Free On-line Calculator to WordPress

You at the moment are prepared so as to add the calculator to any web page or submit in your WordPress website. You should head over to the web page or submit the place you’d like so as to add your calculator kind.

To begin, sort in a title for the calculator web page.

When you’ve performed that, click on on the ‘+’ icon. Then choose the ‘Formidable Types’ block.

When the best block seems, merely click on it so as to add it to the web page.

add formidable forms block

After that, you want to open the ‘Choose a kind’ dropdown and select the calculator you created earlier.

WordPress will now load the customized calculator mechanically.

select a form in formidable forms block

At this level, you may proceed modifying the web page by including textual content, photographs, an outline of the calculator, categories and tags, and extra.

If you find yourself able to make the calculator stay, go forward and click on the ‘Publish’ or ‘Replace’ button within the right-hand nook.

publish compound interest calculator form

Your new calculator web page is now stay in your web site.

That is what it appeared like on our demo web site.

compound interest calculator preview

Bonus: Get Extra Leads with OptinMonster

Your subsequent activity is driving individuals to the free on-line calculator so you may get extra subscribers and leads on your small business website.

That’s the place OptinMonster is available in.

OptinMonster is the best WordPress lead generation plugin that comes with professionally designed templates and a drag-and-drop editor that you should utilize in your campaigns.

use template in OptinMonster

It additionally has instruments like lightbox popups, slide-in popups, countdown timers, header and footer banners, and extra.

All of those instruments are good for selling your free on-line calculator so you may get extra customers and conversions.

car payments lead generation popup

If you happen to run an online store, then OptinMonster additionally has a complicated Exit-Intent function that may convert abandoning guests into clients and subscribers.

To be taught extra, see how we increased our email subscribers by 600% with OptinMonster.

We hope this text helped you discover ways to generate extra leads with on-line calculators. You may additionally need to see our information on how to increase your blog traffic and our professional decide of the best email marketing services for small businesses.

If you happen to favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Facebook.

Leave a Reply

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