by CodePeople.
Calculated Fields Form allows you to create both simple and rich forms, quickly like a professional. It includes a form builder with dynamic calculate …
The “Calculated Fields Form” plugin allows you to create web forms with calculated fields, whose values are dynamically calculated based on other fields’ values in the web form.
The possibilities are unlimited. For example, you can create forms with financial calculations, date operations to create reservation forms, and calculate the product prices. The plugin includes text operations for editing, translation, or advertising services. There are more advanced operations available such as determining the distance between addresses or generating graphs. The resulting forms are 100% mobile responsive.
The most impressive thing is that you don’t need to hire a programmer to create the forms. With basic knowledge, you will have a professional form in just five minutes.
Creating a form is all visual. The “Calculated Fields Form” plugin includes a form editor with multiple controls. Such as text fields, numeric fields, currency fields, slider controls, email fields, radio buttons, checkboxes, container fields, page breaks to create multipage forms, and most importantly, calculated fields.
The form editor includes a list of controls, a property bar to easily edit field properties, a dashboard where you can design your forms, and the attributes for form configuration. Also, the plugin comes with multiple predefined layouts to change the forms’ appearance. If there are not enough predefined layouts for your project, there is a style editor to customize the form’s design.
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.
“Calculated Fields Form” is distributed with five predefined sample forms.
You can clone 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.
Includes add-ons to extend the form features and make use of third-party plugins and external services
Please keep the plugin updated. Updates contain bug fixes as well as new features. The WordPress directory distributes the updates for the free version of the plugin. But for commercial versions, it would be necessary to register your copy of the plugin. The following link describes the registration process: CLICK HEREThis section mainly contains notes on features of the form builder that are too detailed to include in the main description.
It is possible to show or hide form fields (dependent fields) based on the options selected in checkbox fields, radio buttons, the options selected in dropdown menus, or the result of calculated fields.
The value of a dependent field is zero when it is hidden/disabled. The plugin excludes the disabled form fields from the submission.
Additional details about the use of dependencies
The predefined values in the fields have two possible uses:
1- To fill the field by default. This makes it easier for the end-user to enter values.
2- Hint of the values to be entered in the field (like “Enter your name”). To use the predefined value as a placeholder, you must tick the “Hide predefined value on click” checkbox. The value will disappear once the user starts filling in the field. The calculated fields’ equations ignore placeholders.
The “User instructions” attribute in the field settings allows you to instruct the user on how to fill in the field. By default, the instructions appear as smaller text on the public website. But they can be configured as tooltips.
The “Add CSS layout keywords” attribute in the fields settings allows you to apply CSS styles to fields. You must only enter the name of the CSS class names, and not their definitions.
You can define the CSS classes via the “Customize Form Design” attribute in the “Form Settings” tab. This attribute contains a CSS editor with syntax highlighting and error checking.
If you want to assign several class names to the field, separate them by space characters.
The plugin includes multiple predefined classes that you can assign to the form fields.
More information about the form’s design can be found by reading the following post in the plugin’s blog:
The classes listed below allow you to align two, three, or four fields on the same line:
column2
column3
column4
For example, if you want to put two fields on the same line, give both fields the class name “column2”.
There are other variants for displaying several fields on the same line, such as container fields (Div or Fieldset). Container fields allow you to select the number of columns in your configuration. The following post describes all the alternatives for positioning the fields in the form:
Formatting the form (distributing the fields in columns)
To create multi-page forms, you must insert “Page break” controls between fields belonging to different pages.
When the user presses the “Next Page” button, the plugin validates the fields in the current form. If there is any validation error (such as an unfilled required field), the plugin stops the “Next page” action.
Calculated fields include a checkbox in the configuration that allows them to be hidden from the public website. This feature is essential in those fields that are used to calculate intermediate values or when we want to show the results only in emails or thank you pages.
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 complete list of controls is available from this link: CLICK HERE
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. It will be the same name for the JavaScript variable.
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*varname
The complete list of parameters accepted by the variables shortcode is available at the following link: CLICK HERE
One of the most frequent uses of our plugin is for price calculation. When displaying the price of a product, you may want to split the form into two pages. The first page would request the information needed to calculate the price, and the second page would include the calculated field with the final price. Also, you could use the “Instruct. Text” fields to indicate the terms, conditions, and validity period of the offer.
Note that you can make the “Instruct. Text” fields dependent on the calculated value. This allows you to vary the text displayed to the user depending on the calculated price, as the terms, conditions, or offers often depend on the transaction amount.
This plugin is compatible with ClassicPress.
The add-ons are only distributed with the Developer and Platinum versions of the plugin.
The plugin lists the add ons in the “Add-ons area” of the settings page. To enable the add-ons, you must tick their corresponding checkbox and press the “Activate/Deactivate Add-ons” button.
Define equations with PHP code on the server-side. The calculated fields call the server-side equations via AJAX.
CLICK HERE for additional information
The “Verification Code” add-on allows verifying the users’ emails by sending a verification code and blocking the form’s submission until a valid code is entered.
CLICK HERE for additional information
The “Unique Fields Values” add-on verifies that the values entered by users have not been used in previous submissions. It allows to enter simple and complex verification rules (one or multiple fields separated by comma symbols).
CLICK HERE for additional information
Integrate the forms created by the “Calculated Fields Form” with WooCommerce products and calculate their prices, weights, dimensions, and more at the runtime.
CLICK HERE for additional information
Integrate forms created by the “Calculated Fields Form” with the Easy Digital Downloads products, and calculate their price dynamically at the runtime.
CLICK HERE for additional information
Add new leads to a SalesForce account using the data collected by the forms.
CLICK HERE for additional information
Post the information collected by the forms to WebHook URLs.
Through connecting the forms created by the plugin with services like Zapier, Microsoft Flow, Workato, or IFTTT (and many others), you will have access to hundreds of third-party services, like Zoho CRM, Dropbox, Mailchimp, Evernote, Google Drive, Facebook, Twitter, and more than 300 services https://zapier.com/zapbook/apps/, https://flow.microsoft.com/, https://ifttt.com/discover
CLICK HERE for additional information
Control access to forms. Access can be restricted to registered users, users with certain roles, or to specific users.
The add-on adds a new shortcode to the plugin to list the data submitted by the logged-in user (it is possible to insert the new shortcode into the user’s profile) and assign user permissions to edit their information or delete an entry.
Limit the number of submissions (e.g. one submission per form/user).
CLICK HERE for additional information
Build user registration forms. The form can collect basic user information and metadata required by other plugins.
CLICK HERE for additional information
Protect forms using Google reCAPTCHA instead of the basic captcha distributed with the plugin, as reCAPTCHA is more visual and intuitive than traditional captchas.
CLICK HERE for additional information
Generate usage reports in “Google Analytics” for the users’ actions.
CLICK HERE for additional information
Allow the user to enter their credit card details directly on your website without redirecting them to the PayPal website. Once the user has filled the form fields and clicked the submit button, the payment is processed and the posted data (excluding the credit card information) is stored in the WordPress database.
CLICK HERE for additional information
Implements the PayPal Checkout integration. Supports more payment methods than PayPal Standard.
CLICK HERE for additional information
Every commercial version of the plugin includes the “Upload File” control to upload files from the form. However, the “Upload Files” add-on allows the uploaded files to be added to the Media Library and be accessed from the pages and posts of the website.
WordPress restricts the file types that can be uploaded. The “Uploads Files” add-on allows the list of accepted files to be extended.
CLICK HERE for additional information
Copy or move files uploaded through the forms to a DropBox account.
CLICK HERE for additional information
Use the ip2location databases to identify additional user information based on their IP. Address such as country, city, coordinates, weather station, time zone, ZIP code, etc.
CLICK HERE for additional information
Transform fields into autocomplete address fields calling the Google Places API.
CLICK HERE for additional information
Transform fields into autocomplete address fields by calling the Photon API.
CLICK HERE for additional information
Transform fields into “Signature” fields to allow the users to sign the form with their mouse or touchscreens.
CLICK HERE for additional information
Send the users iCal files attached to the confirmation emails to import events into the most popular calendars like Outlook and Google Calendar.
CLICK HERE for additional information
Export the information collected by the form to CSV files and attach them to the notification emails.
CLICK HERE for additional information
An experimental add-on that generates PDF files with the information collected by the forms and attaches them to the notification emails.
CLICK HERE for additional information
Integrate the forms with the FormStack Documents service (formerly WebMerge) to generate PDF and Office documents with the information collected from the form.
CLICK HERE for additional information
Integrate the form with the Silverpop service (now: IBM Watson Campaign Automation) CLICK HERE for additional information
It adds/updates Sendinblue contacts with the information collected from the form.
CLICK HERE for additional information
Send the information collected by the forms to PrintFriendly and attach the resulting PDF files to the notification emails.
CLICK HERE for additional information
Add new members to the MailChimp lists with the information collected by the form.
CLICK HERE for additional information
Add/update contacts in the Mautic service with information collected by the forms.
CLICK HERE for additional information
Add/update HubSpot contacts with information collected by the forms.
CLICK HERE for additional information
Connect the forms to the Emma service to add new members to Emma groups.
CLICK HERE for additional information
Send notification messages (SMS) through Twilio in the form’s submissions.
CLICK HERE for additional information
Adds subscribers to MailPoet Mailing Lists (MailPoet versions 2 and 3).
CLICK HERE for additional information
Integrate the forms with the “AffiliateWP” plugin.
CLICK HERE for additional information
The Authorize.net Server Integration Method (Authorize.net SIM) is a hosted payment processing solution that handles all of the steps in processing a transaction.
CLICK HERE for additional information
The Stripe Payments add-on (www.stripe.com) provides a way to accept all major cards from customers around the world.
CLICK HERE for additional information
An interface for accepting payments through secure pages.
You can accept cards, more than 20 local payment methods, and over 80 direct bank transfer connections with a single integration.
CLICK HERE for additional information
Integrate with iDeal, the most popular Dutch payment method. The integration is made via TargetPay: https://www.targetpay.com/info/ideal?setlang=en
CLICK HERE for additional information
Integrate with iDeal, the popular Dutch payment method.
CLICK HERE for additional information
A secure interface for accepting credit card payments through most banks in Spain (Sabadell, Banco Popular, BBVA, Santander, Bankia-Caixa, Bankinter, etc.)
CLICK HERE for additional information
A secure interface for accepting payments through credit cards, debit cards, net banking, wallets, and EMI. With over 100 million PayTM users in India, your customers will appreciate the option to pay with their trusted PayTM Wallet.
CLICK HERE for additional information
A secure interface for accepting payments through SagePay.
CLICK HERE for additional information
An interface for accepting payments through a secure SSL-checkout system for both bank cards and virtual check transactions. All authorized and approved transactions will be delivered to your current bank card and/or virtual check batches, viewable within the Virtual Terminal for order processing and settlement.
CLICK HERE for additional information
eWay is a popular payment gateway in countries like Australia, New Zealand, Singapore, Hong Kong, and Malaysia. The eWay add-on implements the integration with the “eWay Responsive Shared Page” for accepting credit card payments, even Paypal and digital wallets via eWay.
CLICK HERE for additional information
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.
A: Yes, it is
A: Yes, it is
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: The Free and Professional versions of the plugin include the Mathematical operations module, logical operations, the managing fields module, and the third-party connection module. Other interesting operations modules are distributed only with the Developer and Platinum versions of the plugin: the Date/Time operations module, Financial operations module, Distance module, and Server Side operations module. Read more
A: Use the “PREC” operation for rounding numbers with decimal places.
A: The CALCULATEAMORTIZATION is the most complex operation in the plugin and deserves its own section. Please, visit the following link to read a detailed description of its use:
A: Please, read the answer in the FAQ entry: Click Here
A: Please, read the answer in the FAQ entry: Click Here
A: Please, read the answer in the FAQ entry: Click Here
A: Please, read the answer in the FAQ entry: Click Here
A: Please, read the answer in the FAQ entry: Click Here
A: Please, visit the following link to the plugin documentation. Pay attention to the definition of the new variables as a hash of the values: 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.
A: Yes, that’s possible. Please, read the following post in the plugin’s blog: Formatting the form (distributing the fields in columns)
A: To convert a button’s field in a submit button, enter the following code as its onclick event:
jQuery(this).closest('form').submit();
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, change the “Script load method” from “Classic” to “Direct” in the “troubleshoot area” located below the forms list in the settings page of the plugin.
The optimization plugins are another possible cause of the issue. Please, read additional details in the FAQ page of the plugin.
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: Yes, that’s possible: Modifying the predefined templates
A: You can fix this behavior by inserting a separator field between rows
A: The class names are assigned to the fields through the attribute: “Add Css Layout Keywords”
To assign multiple class names to a field, you must separate them by space characters. For example, myclass1 myclass2
A: Inserting the links to the uploaded files into the notification emails
A: If you are copying the information used to configure the form from third-party applications (like MS Word or Excel), this information can include non-valid characters. The plugin validates the form’s structure to avoid this type of errors.
A: There are different alternatives to use conditional statements in the equations: Visit the following link
A: To print only the form, but not the rest of the page’s content, please, follows the instructions in the following link: Click Here
A: To disable the dynamic evaluation of the equations in the form, you must untick the checkbox “Eval dynamically the equations associated to the calculated fields” from the “Form Settings” tab of the form builder. After disabling the dynamic evaluation of the equations, you must insert a button field with the “calculate” option as its type. The plugin evaluates the equations by pressing the calculate button.
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: If the users are not receiving the notification emails after the form’s submission, there are different possible reasons: please, read about them here
A: If you are using the HTML format in the notification emails, you should insert BR tags for the lines changes in the emails’ contents:
<BR />
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 answer in the FAQ page of the plugin: Click Here
A: The form builder does not include a specific field for links. However, you can insert a link (or any other HTML tag) using an “HTML Content” field. Insert an “HTML Content” field in the form, and enter the anchor tag as its content. For example, to insert a link to our website:
<a href=”http://cff.dwbooster.com”>Visit the website</a>
A: Please, read the following post in the plugin’s blog: Click Here
A: Create dependencies with values of multiple fields requires the use of calculated fields. Read more
A: The form settings include the attribute “Base amount” to define the minimum price allowed. If a user manipulates the calculated field for paying less, the plugin applies the base amount.
A: You can enter the PayPal product’s name through the “Paypal product name” attribute in the form’s settings. If you enter a field’s tag as the product’s name, for example, <%fiedname1%> the product’s name will be the value submitted by the fieldname1 field.
A: Follows the instructions below:
Tip: The maximum number of moFrequencywed by PayPal for recurring payments is 12 months.
If you allow the users to select the payment frequency, you must implement the equation to vary the amount based on the payment frequency.
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
A: Please, visit the following post in our technical blog:
Click Here
A: In this case, the recommendation is to use “RecordSet DS” fields as the data source: Click Here for instructions
A: Please, read the instructions in the plugin’s documentation.
Click Here
A: Please, read the instructions in the plugin’s documentation.
Click Here
A: You must assign a price to the product through its attribute: “Regular Price” or WooCommerce won’t display the “Add to Cart” button.
A: To get a complete guide about the integration of forms created with the plugin and the SalesForce service, please visit the following link:
Click Here
A: Activates and configure the DropBox add-on, distributed with the Platinum version of the plugin:
Click Here
A: There are multiple alternatives, by using the PDF generator add-on, the PrintFriendly add-on or the WebMerge add-on.
A: Please, visits the following link to get the answer to your question:
Click Here
A: Please, visits the following link to get the answer to your question:
Click Here
A: Please, follow the instructions described in the plugin’s FAQ:
Click Here
A: Please, follow the steps below: