Do you wish to generate extra leads in your web site?
On-line calculators are an effective way to get a customer’s contact data so you’ll be able to attain out to them with personalised advertisements, emails, newsletters, and different types of on-line advertising and marketing.
On this article, we are going to present you learn how to create a web based calculator and begin producing extra leads in your WordPress web site.
![How to generate more leads with free online calculators (pro tip) generate-more-leads-with-free-online-calculator-og](https://www.wpbeginner.com/wp-content/uploads/2021/08/generate-more-leads-with-free-online-calculator-og-1.png)
Why Are On-line Calculators Such Nice Lead Era Instruments?
On-line calculators are helpful instruments that may assist guests remedy an issue or reply a query. Even higher, you’ll be able to ask for the customer’s electronic mail tackle earlier than exhibiting their outcomes, which makes them an effective way to generate leads.
You should utilize on-line calculators in plenty of totally different industries and niches. For instance, within the well being and wellness house, you may add a BMI calculator after which encourage guests to buy a meal plan.
![online calculator example online calculator example](https://www.wpbeginner.com/wp-content/uploads/2021/08/online-calculator-example.png)
![online calculator example online calculator example](https://www.wpbeginner.com/wp-content/uploads/2021/08/online-calculator-example.png)
When you promote to a world viewers, then a calculator that converts metric models to imperial models can get you extra gross sales by serving to clients examine if a product is the suitable dimension or weight.
You would additionally add a mortgage calculator to your actual property web site or a automotive fee calculator to your car dealership web site.
![car payment calculator example car payment calculator example](https://www.wpbeginner.com/wp-content/uploads/2021/08/car-payment-calculator-example.png)
![car payment calculator example car payment calculator example](https://www.wpbeginner.com/wp-content/uploads/2021/08/car-payment-calculator-example.png)
The probabilities are countless, so it’s straightforward to see why on-line calculators are shortly changing into among the hottest methods to develop your electronic mail listing.
That being mentioned, let’s present you learn how to create a web based calculator and generate leads. We’ll cowl two strategies, and be happy to make use of our hyperlinks to leap to the tactic of your alternative:
Technique 1: Creating On-line Calculators Utilizing WPForms (Advisable)
The most effective and best option to create a web based calculator in your WordPress web site with out writing a single line of code is to make use of the WPForms plugin.
![WPForms WPForms](https://www.wpbeginner.com/wp-content/uploads/2022/10/wpforms.png)
![WPForms WPForms](https://www.wpbeginner.com/wp-content/uploads/2022/10/wpforms.png)
WPForms is the very best contact kind builder and calculator plugin out there, with over 6 million installs. It means that you can create all kinds of types, together with conversational types, user-registration types, and extra.
On prime 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 online business.
Notice: Since we shall be utilizing the Calculations Addon and the Lead Types Addon for this tutorial, you’ll need the WPForms Pro model. This premium plugin offers you entry to superior options like kind experiences and conditional logic. That mentioned, if you wish to create primary types, there’s a free version you could 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, take a look at our step-by-step tutorial on learn how to set up a WordPress plugin.
Upon activation, you’ll want to move over to WPForms » Addons. Then click on the ‘Set up Addon’ button.
![install wpforms calculator addon install wpforms calculator addon](https://www.wpbeginner.com/wp-content/uploads/2021/08/install-wpforms-calculator-addon.png)
![install wpforms calculator addon install wpforms calculator addon](https://www.wpbeginner.com/wp-content/uploads/2021/08/install-wpforms-calculator-addon.png)
Since we shall be amassing leads, you’ll additionally want to seek out the Lead Types Addon.
Then click on ‘Set up Addon.’
![install wpforms lead forms addon install wpforms lead forms addon](https://www.wpbeginner.com/wp-content/uploads/2021/08/install-wpforms-lead-forms-addon.png)
![install wpforms lead forms addon install wpforms lead forms addon](https://www.wpbeginner.com/wp-content/uploads/2021/08/install-wpforms-lead-forms-addon.png)
Subsequent, we are going to cowl learn how 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 Type
Go to WPForms » Add New. This can open the drag-and-drop on-line kind builder, the place you’ll be able to create and customise your calculator kind.
![add new forms in wpforms add new forms in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-new-forms-in-wpforms.png)
![add new forms in wpforms add new forms in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-new-forms-in-wpforms.png)
Subsequent, merely give your new kind a reputation by typing it into the field.
That is so to reference your calculator kind later while you wish to make adjustments or embed it on a web page or put up.
![name your form wpforms name your form wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/name-your-form-wpforms.png)
![name your form wpforms name your form wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/name-your-form-wpforms.png)
Under that, you’ll be able to choose a template that is sensible for you. Within the left panel, you’ll be able to navigate by means of the assorted classes beneath the ‘Calculator’ choice.
For instance, when you run a health club web site, then you definately may select from the ‘health’ class, however when you have a dealership or are a realtor, then you may choose the ‘finance’ class to make sure your potential clients qualify in your services or products.
With an enormous listing of templates, you’ll discover nearly any kind of on-line calculator you’re searching for. However for the sake of this tutorial, we are going to go along with the ‘Mortgage Lead Generator Type.’
Simply hover over the template you wish to use and choose ‘Use Template.’
![use mortgage lead generator form template use mortgage lead generator form template](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-mortgage-lead-generator-form-template.png)
![use mortgage lead generator form template use mortgage lead generator form template](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-mortgage-lead-generator-form-template.png)
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.
When you’d like so as to add a area, drag it from the left to the suitable facet. On the suitable is the editor that allows you to visually see what the shape appears to be like like.
With the Lead Types Addon, you’ll routinely 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 beneath that breaks up the shape into digestible sections and improves the person expertise.
Professional Tip: You might wish 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 lead generator form in visual editor](https://www.wpbeginner.com/wp-content/uploads/2021/08/lead-generator-form-in-visual-editor.png)
![lead generator form in visual editor lead generator form in visual editor](https://www.wpbeginner.com/wp-content/uploads/2021/08/lead-generator-form-in-visual-editor.png)
The mortgage calculator kind comes with the next fields:
- Residence worth
- Down fee
- Rate of interest
- Mortgage interval
- Month-to-month mortgage fee
- Annual fee quantity
- Whole curiosity paid
- Whole mortgage fee
If you’re a mortgage lender, then this template will comprise many of the fields you’re in all probability searching for. That mentioned, you’ll be able to 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 “Function of the Mortgage or Mortgage” and the “Sort of Property” the person is searching for. That method, you’ll be able to higher meet their wants.
Once you add the sector, simply navigate to the ‘Normal’ tab beneath Subject Choices after which edit the choices as wanted.
![field options general tab wpforms field options general tab wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/field-options-general-tab-wpforms.png)
![field options general tab wpforms field options general tab wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/field-options-general-tab-wpforms.png)
Step 3: Altering the Calculations (Non-obligatory)
Upon getting your entire fields arrange, you may wish to add or edit the calculations from this template. On this kind, the calculation is managed by the ‘Whole Mortgage Cost’ area.
When you click on on the sector and head over to the ‘Superior’ tab, then the ‘Allow Calculation’ choice ought to already be toggled on. If you wish to hold the unique calculation system that comes with the template, then you’ll be able to depart this setting alone.
![enable calculation wpforms enable calculation wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/enable-calculation-wpforms.png)
![enable calculation wpforms enable calculation wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/enable-calculation-wpforms.png)
Nevertheless, when you want to edit the system, then you’ll be able to change the values within the ‘Formulation’ textual content field.
When customers enter the small print, the shape will routinely calculate the outcomes primarily based on the knowledge they supplied.
On the prime of the Formulation field, you’ll be able to add arithmetic features like:
- Addition (+)
- Subtraction (-)
- Multiplication (*)
- Division (/)
Each time you insert a system, it should fall throughout the parentheses, which may be added on the prime of the system field.
Simply click on on ‘Insert Subject,’ and also you’ll see the listing of codes related to every area.
![add formula in wpforms add formula in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-formula-in-wpforms.png)
![add formula in wpforms add formula in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-formula-in-wpforms.png)
There are different guidelines you’ll be able to put in place, such because the and if, else rule.
For instance, when you used a system like Housing Bills/Gross Month-to-month Earnings, then you’ll be able to extra the chance of the applicant. Utilizing the if/else rule would provide help to routinely 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’ll be able to add.
When you’re executed including the system, click on ‘Validate Formulation’ to verify the calculations and syntax are right.
![validate formula wpforms validate formula wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/validate-formula-wpforms.png)
![validate formula wpforms validate formula wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/validate-formula-wpforms.png)
Step 4: Setting Up Contact Choices
In your on-line calculator lead kind, it’s additionally a good suggestion to ask clients how they wish to be reached. That method, you’ll be able to observe up with leads who’ve proven curiosity in what you need to provide.
It is a excellent place so as to add icons as properly. Simply click on on the multiple-choice area. Then, you must see choices to configure the multiple-choice choices. When you toggle the ‘Use icon decisions’ button, then the icons shall be added to your kind.
![use icon choices wpforms use icon choices wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-icon-choices-wpforms.png)
![use icon choices wpforms use icon choices wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-icon-choices-wpforms.png)
You’ll now see face-smile bins seem.
Merely click on on the face-smile field within the left panel, which is able to permit you to choose the icon you’d like so as to add.
![add icon to wpforms add icon to wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-icon-to-wpforms.png)
![add icon to wpforms add icon to wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-icon-to-wpforms.png)
An Icon Picker pop-up display screen will seem. You may choose between 2,000+ icons.
Simply use the search bar and sort within the icon you’re searching for. We’ll select the icons that greatest match our multiple-choice choices.
![icon picker wpforms icon picker wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/icon-picker-wpforms.png)
![icon picker wpforms icon picker wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/icon-picker-wpforms.png)
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 multiple choice icons in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/multiple-choice-icons-in-wpforms.png)
![multiple choice icons in wpforms multiple choice icons in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/multiple-choice-icons-in-wpforms.png)
One other private contact you’ll be able to add to your kind is a emblem or header picture on the prime of your calculator kind.
Merely click on on the Content material area and drag it onto the suitable facet of the shape editor.
![content field in wpforms content field in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/content-field-in-wpforms.png)
![content field in wpforms content field in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/content-field-in-wpforms.png)
Then, choose the Content material area.
Within the ‘Normal’ tab, you’ll be able to click on on the ‘Add Media’ button to add your organization emblem.
![add media in wpforms add media in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-media-in-wpforms.png)
![add media in wpforms add media in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-media-in-wpforms.png)
Step 5: Styling Your Calculator Type
As well as, you’ll be able to customise the model of your lead kind.
To do this, you head over to Settings » Lead Types.
![lead forms wpforms lead forms wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/lead-forms-wpforms.png)
![lead forms wpforms lead forms wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/lead-forms-wpforms.png)
Once you activate the ‘Superior Type Settings,’ you’ll be able to add a container across the fields and kind, giving it trendy results so it pops out extra.
You would additionally customise the colour of the sector borders, container background, and textual content.
![customize color in wpforms customize color in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/customize-color-in-wpforms.png)
![customize color in wpforms customize color in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/customize-color-in-wpforms.png)
Including icons and customizing the looks of your kind is an effective way to maintain it wanting sharp {and professional}.
Step 6: Enhancing the Affirmation Message
The very last thing you’ll must do is assessment and edit the affirmation message. WPForms will routinely ship a affirmation message that summarizes the fields the person has accomplished, together with the outcomes of the calculations.
To do this, you have to head over to Settings » Confirmations.
You may select to ship the message immediately on the web page or redirect the person to a different web page. Then, edit the message within the textual content field.
Utilizing Sensible Tags is an effective way to personalize your message primarily based on the knowledge that the person supplied.
![confirmation message wpforms confirmation message wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/confirmation-message-wpforms.png)
![confirmation message wpforms confirmation message wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/confirmation-message-wpforms.png)
As soon as you’re happy with how your kind appears to be like, simply hit the ‘Save’ button.
This fashion, you don’t lose any adjustments you’ve made.
![save lead generator form save lead generator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-lead-generator-form.png)
![save lead generator form save lead generator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-lead-generator-form.png)
Step 7: Embedding Your New On-line Calculator Type right into a WordPress Web page or Put up
Subsequent, you’ll want to embed your on-line calculator into certainly one of your WordPress pages or posts.
Go to any WordPress web page or put up. Right here, you’ll be able to click on on the ‘+’ button so as to add a brand new block and select the WPForms block.
![add wpforms block add wpforms block](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-wpforms-block.png)
![add wpforms block add wpforms block](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-wpforms-block.png)
Then choose the net calculator kind you’ve simply created.
The shape ought to routinely seem on the web page.
![add lead generator form add lead generator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-lead-generator-form.png)
![add lead generator form add lead generator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-lead-generator-form.png)
Then, go forward and hit ‘Publish’ on the prime.
Now, you’ve efficiently added your on-line calculator to your WordPress web site.
![publish mortgage loan calculator publish mortgage loan calculator](https://www.wpbeginner.com/wp-content/uploads/2021/08/publish-mortgage-loan-calculator.png)
![publish mortgage loan calculator publish mortgage loan calculator](https://www.wpbeginner.com/wp-content/uploads/2021/08/publish-mortgage-loan-calculator.png)
Simply be certain that to preview it earlier than you’re executed.
It ought to look one thing like this.
![preview mortgage loan calculator preview mortgage loan calculator](https://www.wpbeginner.com/wp-content/uploads/2021/08/preview-mortgage-loan-calculator.png)
![preview mortgage loan calculator preview mortgage loan calculator](https://www.wpbeginner.com/wp-content/uploads/2021/08/preview-mortgage-loan-calculator.png)
You’ll want to undergo the shape to verify all the shape fields and the calculations are working correctly.
As an example, right here’s what the affirmation message appears to be like like once we’ve accomplished this type.
![thank you message mortgage loan calculator thank you message mortgage loan calculator](https://www.wpbeginner.com/wp-content/uploads/2021/08/thank-you-message-mortgage-loan-calculator.png)
![thank you message mortgage loan calculator thank you message mortgage loan calculator](https://www.wpbeginner.com/wp-content/uploads/2021/08/thank-you-message-mortgage-loan-calculator.png)
Step 8: Viewing Type Entries
When you 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 may simply view, edit, or trash every entry. When you view the entry, then you definately or your gross sales staff can discover all of the lead data you’re searching for.
![entries in wpforms entries in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/entries-in-wpforms.png)
![entries in wpforms entries in wpforms](https://www.wpbeginner.com/wp-content/uploads/2021/08/entries-in-wpforms.png)
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 permit you to contact leads after they submit the net calculator kind.
To study extra about how to do this, take a look at our information on learn how to do lead technology in WordPress like a professional.
Technique 2: Including a Calculator With Formidable Types (Superior)
One other method so as to add on-line calculators to WordPress is by utilizing the Formidable Types plugin. It has a complicated drag-and-drop kind builder and is among the many greatest WordPress calculator plugins available on the market.
The plugin makes a speciality of serving to individuals construct advanced types with superior calculations.
As an example, Formidable Types comes with plenty of calculator templates, together with a mortgage calculator you could add to your IDX actual property web site and a BMI calculator that’s preferrred for well being blogs and health club web sites.
![Is Formidable Forms the right form builder plugin for you? Is Formidable Forms the right form builder plugin for you?](https://www.wpbeginner.com/wp-content/uploads/2023/11/formidable-forms-builder.png)
![Is Formidable Forms the right form builder plugin for you? Is Formidable Forms the right form builder plugin for you?](https://www.wpbeginner.com/wp-content/uploads/2023/11/formidable-forms-builder.png)
Formidable Types additionally means that you can add conditional calculations. For instance, primarily based on the person’s responses on a kind, you’ll be able to inform the plugin which system it ought to routinely use.
The very first thing you have 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 learn how to set up a WordPress plugin.
When you’ve executed that, head over to Formidable » International Settings and choose ‘Add a license manually.’
![add license formidable forms add license formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-license-formidable-forms.png)
![add license formidable forms add license formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-license-formidable-forms.png)
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 formidable forms pro downloads](https://www.wpbeginner.com/wp-content/uploads/2021/08/formidable-forms-pro-downloads.png)
![formidable forms pro downloads formidable forms pro downloads](https://www.wpbeginner.com/wp-content/uploads/2021/08/formidable-forms-pro-downloads.png)
From right here, merely paste your license key into the sector in your WordPress web site.
Make certain to click on the ‘Save License’ button after which the ‘Replace’ button on the prime.
![save license formidable forms pro save license formidable forms pro](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-license-formidable-forms-pro.png)
![save license formidable forms pro save license formidable forms pro](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-license-formidable-forms-pro.png)
After that, you will notice a ‘license activation success’ message.
Step 1: Select a Calculator Type 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 add new forms formidable forms pro](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-new-forms-formidable-forms-pro.png)
![add new forms formidable forms pro add new forms formidable forms pro](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-new-forms-formidable-forms-pro.png)
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 affords.
To preview a template, merely hover over it and hit ‘View Demo.’
When you’re able to get began, hover over it after which click on on ‘Use Template.’
For this information, we shall be utilizing the ‘Compound Curiosity Calculator’ template, however you should use any calculator template you need.
![use compound interest calculator template use compound interest calculator template](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-compound-interest-calculator-template.png)
![use compound interest calculator template use compound interest calculator template](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-compound-interest-calculator-template.png)
You’ll now see your chosen template within the Formidable Types editor.
Step 2: Design Your Free On-line Calculator
From right here, you’ll be able to 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 that area.
You may then make your adjustments utilizing the settings within the left-hand menu.
![customize fields in online calculator form customize fields in online calculator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/customize-fields-in-online-calculator-form.png)
![customize fields in online calculator form customize fields in online calculator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/customize-fields-in-online-calculator-form.png)
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 acquire the customer’s electronic mail tackle, then you definately’ll want so as to add a area the place individuals can kind on this data. To do that, drag and drop an ‘Electronic mail’ area onto the calculator template.
![add email field add email field](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-email-field-.png)
![add email field add email field](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-email-field-.png)
After that, click on on the ‘Electronic mail’ area and make any adjustments utilizing the ‘Subject Choices’ settings.
You may usually use the default settings, however to generate as many leads as doable, it’s a good suggestion to examine the ‘Required’ field. This implies guests might want to enter an electronic mail tackle to be able to see their outcomes.
![email requirement checkbox email requirement checkbox](https://www.wpbeginner.com/wp-content/uploads/2021/08/email-requirement-checkbox.png)
![email requirement checkbox email requirement checkbox](https://www.wpbeginner.com/wp-content/uploads/2021/08/email-requirement-checkbox.png)
You may 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 regulate the formulation or values, you’ll be able to.
Notice: If you wish to hold the default calculations within the template, then you definately’ll wish to depart the superior fields alone.
To examine the calculations, click on on any of the sector components that might be affected by the system. Once you click on on any area ingredient, you also needs to see an ID quantity.
Within the lefthand panel, you have to go to the Subject Choices » Superior tab. Underneath ‘Default Worth,’ you’ll see the system used.
So, on this case, we see that ‘Whole compound curiosity’ has an ID of 20. The system ‘[18]+[19]’ states that the Compound curiosity on principal + Compound curiosity on deposits equals the Whole compound curiosity.
![default value in formidable forms default value in formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/default-value-in-formidable-forms.png)
![default value in formidable forms default value in formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/default-value-in-formidable-forms.png)
If you’re not sure in regards to the ID quantity for a specific area or wish to see which fields you’ll be able to add to your system, simply click on on the three dots icon subsequent to ‘Default Worth.’
Then, choose the sector that you’re searching for within the Subject Listing dropdown menu. You may choose any area you’d like, and it’ll add it to the ‘Default Worth’ to be used in your system.
![field list formidable forms field list formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/field-list-formidable-forms.png)
![field list formidable forms field list formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/field-list-formidable-forms.png)
One thing to bear in mind is that you’ll use all normal mathematic symbols, comparable to:
- + 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 to be like like. As beforehand proven, the [] is the notation for ID numbers.
![calculation in formidable forms calculation in formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/calculation-in-formidable-forms.png)
![calculation in formidable forms calculation in formidable forms](https://www.wpbeginner.com/wp-content/uploads/2021/08/calculation-in-formidable-forms.png)
You’ll wish to preview the shape to make sure the calculations are working correctly.
When you’re pleased with how the calculator types, simply click on the ‘Save’ button.
![save compound interest calculator form save compound interest calculator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-compound-interest-calculator-form.png)
![save compound interest calculator form save compound interest calculator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-compound-interest-calculator-form.png)
It is best 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 save form](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-form.png)
![save form save form](https://www.wpbeginner.com/wp-content/uploads/2021/08/save-form.png)
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 put up in your WordPress web site. You must head over to the web page or put up the place you’d like so as to add your calculator kind.
To start out, kind in a title for the calculator web page.
When you’ve executed that, click on on the ‘+’ icon. Then choose the ‘Formidable Types’ block.
When the suitable block seems, merely click on it so as to add it to the web page.
![add formidable forms block add formidable forms block](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-formidable-forms-block.png)
![add formidable forms block add formidable forms block](https://www.wpbeginner.com/wp-content/uploads/2021/08/add-formidable-forms-block.png)
After that, you have to open the ‘Choose a kind’ dropdown and select the calculator you created earlier.
WordPress will now load the customized calculator routinely.
![select a form in formidable forms block select a form in formidable forms block](https://www.wpbeginner.com/wp-content/uploads/2021/08/select-a-form-in-formidable-forms-block.png)
![select a form in formidable forms block select a form in formidable forms block](https://www.wpbeginner.com/wp-content/uploads/2021/08/select-a-form-in-formidable-forms-block.png)
At this level, you’ll be able to proceed modifying the web page by including textual content, photos, an outline of the calculator, classes and tags, and extra.
When you’re 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 publish compound interest calculator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/publish-compound-interest-calculator-form.png)
![publish compound interest calculator form publish compound interest calculator form](https://www.wpbeginner.com/wp-content/uploads/2021/08/publish-compound-interest-calculator-form.png)
Your new calculator web page is now stay in your web site.
That is what it regarded like on our demo web site.
![compound interest calculator preview compound interest calculator preview](https://www.wpbeginner.com/wp-content/uploads/2021/08/compound-interest-calculator-preview-.png)
![compound interest calculator preview compound interest calculator preview](https://www.wpbeginner.com/wp-content/uploads/2021/08/compound-interest-calculator-preview-.png)
Bonus: Get Extra Leads with OptinMonster
Your subsequent activity is driving individuals to the free on-line calculator so you will get extra subscribers and leads in your small enterprise web site.
That’s the place OptinMonster is available in.
OptinMonster is the very best WordPress lead technology plugin that comes with professionally designed templates and a drag-and-drop editor that you should use in your campaigns.
![use template in OptinMonster use template in OptinMonster](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-template-in-OptinMonster.png)
![use template in OptinMonster use template in OptinMonster](https://www.wpbeginner.com/wp-content/uploads/2021/08/use-template-in-OptinMonster.png)
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 will get extra customers and conversions.
![car payments lead generation popup car payments lead generation popup](https://www.wpbeginner.com/wp-content/uploads/2021/08/car-payments-lead-generation-popup.png)
![car payments lead generation popup car payments lead generation popup](https://www.wpbeginner.com/wp-content/uploads/2021/08/car-payments-lead-generation-popup.png)
When you run a web based retailer, then OptinMonster additionally has a complicated Exit-Intent characteristic that may convert abandoning guests into clients and subscribers.
To study extra, see how we elevated our electronic mail subscribers by 600% with OptinMonster.
We hope this text helped you discover ways to generate extra leads with on-line calculators. You might also wish to see our information on learn how to improve your weblog visitors and our professional choose of the very best electronic mail advertising and marketing providers for small companies.
When you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Facebook.
Leave a comment