It is a plugin with dynamic calculation and can be used in forms for easy calculation. It is helpful when your website needs to add one or more calculated fields, date calculators, booking cost calculators, finance calculators, fitness calculators, weight calculators, calorie calculators quote calculators, predefined forms templates and many more.

Features of Calculated Field Form

It has many features that help you build the dynamically calculated forms in your web pages and they are as follows:

  • Visual form builder with form formatting options
  • You can add any number of calculated fields
  • Easy and visual calculator interface
  • The calculator supports both easy and advanced operators like ternary and common Math functions
  • Multiple field types are supported
  • Can calculate dates
  • Create and manage multiple calculated forms
  • Clone a form
  • Pre-built five sample forms are included
  • Multi pages forms supported
  • Conditional rules supported. Useful for creating wizards
  • Can create Intuitive and interactive form builder interface
  • Predefined forms templates
Pre built forms

 

Now we can see how you can download the plugin and how it works on your forms. You can download the plugin from WordPress and activate the plugin. To open the Calculated Fields form, select the Settings and click Calculated Fields Form from the lists that is displayed.

selecting CFF
CFF page

The Calculated Fields Form is opened now. You can see the five pre-built sample forms and they are:

  1. Simple Calculator Operations
  2. Calculation with Dates (helps in hotel bookings with check-in and check-out dates)
  3. Ideal Weight Calculator
  4. Lease Calculator
  5. Pregnancy Calculator

The options that are available on the Forms are.

  • Update – can change and Update the settings of the form
  • Settings –  has the settings of the form
  • Messages – not available in the free version of the plugin
  • Clone – can create a copy of the same form with different id
  • Delete – Deletes the form

You can either Clone the form which will have the saved copy of the pre-built form, or change their setting using the Settings button and click Update or you can add a new form.  We can see how both works in the next few sections.

Cloning a Form

When you Clone a Form, the cloned copy of the form appears with the saved setting of the form with new id number. You can now change and update your setting as and how you need it to appear on the form. In the below image, I have cloned the Simple Operation Form to show how the cloned form will appear on the form list.

Cloning a Form

Adding a New Form

If you want to add the new form, you can add it in the New Form tab, by giving a name to the form and click Add button. You can design your form by adding the settings that you need.

Adding new form in CFF
New form added

Implementing pre-built Forms

Now, let us see few pre-built and new forms and how it works and how it is implemented in your web pages.

To use the form in your webpages, you simply have to enter the short code for the form that has the unique Id number. I have used the short code for the simple operation form in my sample form, and the output is shown like the below image.

Short code of the form
Implementing the CFF forms
Output of CFF pre-buit form

This pre-built form has the sum of two numbers and sum of the selected fields. It automatically changes the result number even if you change one number in the text box. You can make small changes and can use this form where you need to find the total of the selected items like shopping cart calculation.

Next is the Calculation with Dates form, which has the date selection option and can be used to calculate hotel bookings, car rental, bus rental, etc.

 

CFF date form
It also has the optional services that can be calculated along with the total room rent. The below image has the amount of room rent, breakfast and Internet for two days (50+50+20+20+3+3).
CFF Date form

Creating Your Form

Add the form by naming the it and clicking the Add button. The form will be created with a unique Id. Now select the Settings of the Form.

Settings of the CFF Form
The Form setting page is displayed like this.
Setting page
Setting page CFF

There are three tabs in the Form setting page like

  1. Add a Field
  2. Field Settings
  3. Form Settings

Add a Field

You can add the form controls like button, Checkboxes, Radio buttons, currency, Single line text, password field, phone field, and many more. These are placed on the form to perform some actions when clicked or some value is entered on the text field. It also has container controls like Fieldset and Div which can be used on the forms.

Field Settings

This is the place where you edit the Form controls buttons. You can change the label name, set the field size, minimum and maximum number of characters to be entered, whether to set if the field is Required (field cannot be empty without the values) or not, predefined value, and some instructions to be given to the user.

Form Settings

It has the settings of the forms like name of the form, description, how you want to display the label of the controls on the form, Enable auto completion checkbox and dynamically evaluate the equations associated to the calculated fields check box and form template. You can select the template from the list that is displayed in the drop down list.

Now we are going to create a form that has to calculate and display the cube root of the entered number. So we are changing the setting of the field name, and other settings. You can see the difference with the default setting of the page and the edited page in the below image.

Before EditingAfter Editing
CFF create form enter valueCFF Cube form after editing 1
I have changed the name of the form to “Cube Root form”, and, label of the texts as “Enter a Whole Number to Find its Cube Root” and “Cube Root of the Above Number is:”. You can preview the form at any time and do the need changes as how you want your form to be.
CFF create form enter value 2CFF Cube form after editing 2
I have changed and entered the cube root formula [ prec(pow(fieldname2,1/3),2) ] in the Set Equation Box, to get the needed result.

After all the editing, the form is completed and I have added the form to my post using the short code of the form.

CFF Cube root form completed
Cube Root CFF form
Cube root form implemented in CFF
This is how the form is displayed and when you enter the number for which you want to find the cube root, the form will display the result as follows.
CFF cube root form with value 1
CFF cube root form with value 2

There are two other versions available for in this plugin and they have other added features that  are listed below

Premium Version

  • Form data submission and data is stored on the database for review.
  • Can send email notification on data submission, to both users and the form editor.
  • PayPal payment configuration
  • Can export and import the forms between different WordPress
  • Can display the submitted data in the thanks page
  • Includes a dashboard widget to display the submissions of the last week
  • Can store the forms in cache for rendering speed

 

Developer version:

  • Has both the features of free and premium version
  • Got new controls that can get information from different datasources (CSV file, database, Taxonomies, Post, and users data)
  • Includes financial operations, date and time management and the distance operation, that integrates with “Google Maps” to get the distance between two addresses
  • Can save submitted data in an external database
  • Has an add-on to integrate the forms with the WooCommerce products and SalesForce service.
  • Includes an add-on to post the submitted information by the forms to WebHooks URLs, which allows in integrating the forms with services like Zapier. The Zapier service connects services as important and popular as Dropbox, Evernote, Twitter, Zoho CRM, Google drive, Mailchimp, Facebook, and more than 300 services.
  • Has an add-on to integrate the forms with Google reCAPTCHA

Conclusion:

Calculated fields Form plugin is a great choice, if you want to build your forms with auto calculating fields. Its feature like adding PayPal  payments, email notification, captcha, distance operation with Google maps and many more can be implemented easily and can develop you form in your way. As there are many features available on the free and pro versions, it makes the best choice of plugins from the rest.