The CFF plugin allows you to create both simple and professional forms. Its form builder includes dynamic calculated fields and many other controls.
Absolutely! The “Calculated Fields Form” plugin opens up a world of possibilities. Here’s a breakdown of what you can achieve:
Financial Calculations: Design forms that automatically compute totals, taxes, discounts, and other financial metrics.
Booking Forms: Seamlessly handle date operations, availability checks, and booking calculations.
Product Pricing: Dynamically calculate product prices based on user inputs or predefined rules.
Math Operations: Perform basic arithmetic, percentages, and complex mathematical functions.
Text Processing: Manipulate text fields, concatenate strings, and format data.
Date Operations: Handle date differences, age calculations, and time-related tasks.
Advanced Operations:
Distance Calculations: Compute distances between locations.
Chart Generation: Create charts dynamically based on form data.
Third-Party Service Integration: Call external APIs or services for real-time data retrieval.
And the best part? All resulting forms are mobile responsive, ensuring a seamless experience across devices.
The most remarkable aspect is that you don’t need to hire a developer to create forms. With basic knowledge, you can have professional forms in minutes.
The form builder is entirely visual, offering a wide selection of controls (Text fields, Numbers, Currency, Date/time, Slider control, Email, Radio buttons, Checkboxes, Container fields, Multi-page control, QR code reader, Recording, Calculated fields, and many others). This versatile toolkit empowers you to create customized forms effortlessly.
The “Calculated Fields Form” plugin includes integration with popular page builders:
For other editors, it is possible to insert the form into the pages via its shortcode. Each web form has an associated shortcode that allows you to insert it wherever you want.
[CP_CALCULATED_FIELDS id="1"]
“Calculated Fields Form” is distributed with five predefined sample forms.
You can duplicate a sample form to implement your project, or create a new form from scratch.
Calculated Fields Form Commercial
The free version of the “Calculated Fields Form” plugin includes only basic functionality. Other distributions (Professional, Developer, and Platinum) are available with advanced functionalities, such as sending notification emails, integration with payment gateways and external services, controls for database’s connection (and connection to other data sources), complex operations, and many other features. The commercial plugin versions are one-time purchase with lifetime access to plugin updates ( https://cff.dwbooster.com/download )
The commercial plugin versions are one-time purchase with lifetime access to plugin updates ( https://cff.dwbooster.com/download )
Includes add-ons to extend the form features and make use of third-party plugins and external services
Extending features add-ons
Payment Gateways add-ons
Integration with third-party services add-ons
Integration with third-party plugins add-ons
Below, some possible formulas are included as examples, but the possibilities are endless.
With simple mathematical operations:
fieldname1 + fieldname2 fieldname1 * fieldname2 fieldname1 / fieldname2 fieldname1 - fieldname2 fieldname1 - fieldname2
With mathematical operations involving multiple fields and grouped fields:
fieldname1 * (fieldname2 + fieldname3)
With rounding operations. Round the result to two decimal places:
PREC(fieldname2 / fieldname3, 2)
There are infinite number of formulas that can be created using complex structures. For example, the following formula includes conditional statements:
(function () { if (100 < fieldname3) return fieldname1 + fieldname2; if (fieldname3 <= 100) return fieldname1 * fieldname2; })();
For complex formulas/equations you must use the function format with return statement to return the result to the calculated field:
(function () { var result = 0; /* Your code here */ return result; }) ();
One of the “Calculated Fields Form” strengths is the ability to use any valid JavaScript code to implement the equations/formulas.
However, the plugin includes a wide variety of operations and operators to simplify the development process.
Mathematical Operations and Operators
Operations for interacting with external services
Operations for handling URLs and query strings
In addition to the operation modules listed above, the Developer and Platinum versions of the plugin include additional modules:
Distance and Travel Time Operations
The plugin includes the shortcode [CP_CALCULATED_FIELDS_VAR] to generate JavaScript variables from parameters received by “GET” or “POST”, “SESSION” variables, or “COOKIES”:
[CP_CALCULATED_FIELDS_VAR name="..."]
In the shortcode, you must replace the “…” symbols with the name of the parameter or variable. The variables are created as properties of the cff_var variable. For example, in the [CP_CALCULATED_FIELDS_VAR name=”my_var”] shortcode, you can access the variable value from the equations by using cff_var[‘my_var’], or cff_var.my_var
For example:
[CP_CALCULATED_FIELDS_VAR name="varname"]
You can use the variables generated through the shortcode [CP_CALCULATED_FIELDS_VAR] in the formulas of the calculated fields: fieldname1*cff_var.varname
The complete list of parameters accepted by the variables shortcode is available at the following link: CLICK HERE
To install the “Calculated Fields Form” plugin, please follow these steps:
To build a form, go to the menu option “Calculated Fields Form”
To insert the calculated / contact form into some content or post, use the corresponding form’s shortcode. Each web form has associated a shortcode.
Calculated forms list
Inserting the form using the Classic Editor
Inserting the form using the Gutenberg Editor
Inserting the form using Elementor
Inserting the form using Page Builder by SiteOrigin
Inserting the form using Beaver Builder
Inserting the form using WPBakery Page Builder
Sample calculated form
Calculated field settings
Advanced equations editor
Calculator Form builder
Editing general fields
Available designs
Add-ons section
WooCommerce add-on
SalesForce add-on
WebHook add-on, and its integration with Zapier
A: The Calculated Fields Form’s page contains detailed information about each field in the plugin: Click Here
A: You can publish the forms into pages and posts. The shortcode can be also placed into the theme templates. Read more
A: This feature is included in the commercial versions of the plugin.
The commercial versions of the plugin allow processing the forms’ submissions, send notification emails, and integrate the forms with payment gateways. Comparing the different versions of the plugin
A: List and description of date/time operations
A: List and description of financial operations
A: Please, read the answer in the FAQ entry: Click Here
A: There are different alternatives, directly through the form’s structure or uploading a new file to the plugin’s folder. Please, visit the following link to read the instructions: Click Here
A: It is possible to define the min date, max date, or select a date dynamically based on the value of another date field.
Create relationships between date fields
A: Yes, that’s possible. Please, read the following post in the plugin’s blog: Formatting the form (distributing the fields in columns)
A: Displaying images in checkboxes and radio buttons
Additionally, to hide the checkboxes and radio buttons, for using only the images for choosing, enter the following styles definition into the “Customize Form Design” attribute in the “Form Settigns” tab:
A: That feature is available in the commercial versions of the plugin.
Additional details in the “PayPal Payment Configuration” section in the documentation page of the plugin.
A: Please, read the following entry in the plugin’s FAQ: [Click Here]](http://cff.dwbooster.com/faq#q225 “utf-8”)
A: Please inset the shortcode with the iframe attribute: [CP_CALCULATED_FIELDS id="1" iframe="1"]
A: Insert “Page Break” between the fields belonging to different pages.
A: Insert a summary control in the form, and enter the names of the fields to display in the summary through its settings.
A: Yes, that’s possible by using the shortcode for results. Additional details HERE
A: Applying CSS styles to the form fields
A: Inserting the links to the uploaded files into the notification emails
A: There are different alternatives to use conditional statements in the equations: Visit the following link
A: Yes, that is possible. You must enter the emails’ addresses separated by the comma through the “Destination emails” attribute in the form’s settings.
A: The notification emails can include all fields submitted by the form (<%INFO%>), or specific fields by using their tags(<%fieldname#%>). Furthermore, there are other tags you can include in the notification emails.
Please, visit the following link to get the complete list of tags to include in the email: Accepted tags
A: Please, read the answer in the FAQ page of the plugin: Click Here
A: Please, read the following post in the plugin’s blog: Click Here
A: I’ll try to describe the process with some hypothetical examples. Assuming the radio button field is fieldname123, and you can select the choice with the value 5, uses the following piece of code as part of the equation associated with the calculated field:
getField(123).setVal(5);
But if the fieldname123 is a checkbox field and you want to select the choices with values: 5 and 8, the code would be:
getField(123).setVal([5,8]);
A: Please, read the answer in the plugin’s documentation:
Click Here
Integrating the forms with WooCommerce products
A: There are multiple alternatives, by using the PDF generator add-on, the PrintFriendly add-on or the WebMerge add-on.