Calculated Fields Form

Sharraxaad

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, QR code reader (thanks to the Html5-QRCode project), recording, 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:

  • Classic WordPress Editor
  • Gutenberg Editor
  • Elementor
  • Page Builder by SiteOrigin
  • Beaver Builder
  • WPBakery Page Builder
  • DIVI Builder

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.

Features

Main features:

  • Visual form builder with an intuitive and interactive interface.
  • Includes general-purpose controls such as radio buttons, checkboxes, menu lists, date fields, slider controls, numeric fields, text currency fields, etc.
  • Includes calculated fields whose values result from operations involving other form fields.
    Insert as many calculated fields in the form as you need.
  • Contains an advanced formula editor associated with the calculated fields with syntax highlighting and error detection.
  • Features many operations modules: mathematical operations, operations with dates, financial operations, distance operations, text management, operations for calling remote services, etc. The calculated fields can identify numbers and prices within the values of the fields.
  • Distributed with several predefined forms that you can use as a starting point for your projects.
  • Includes several design templates.
  • Supports multi-pages forms by inserting page break controls between fields belonging to different pages.
  • Allows the grouping of fields inside container controls (Div and Fieldset).
  • Possible to define dependency rules between fields in the form, which is very useful in the design of wizards.

Other features:

  • From the plugin configuration page, it is possible to duplicate a form by pressing the “Clone” button associated with it. By cloning a form, you can reuse the work already done.
  • Includes a troubleshooting and optimization area.
  • Allows you to disable forms in the indexing process to improve the speed of the website.
  • Includes a version control in the forms to recover previous versions.

Predefined forms:

“Calculated Fields Form” is distributed with five predefined sample forms.

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

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.

Features of the Professional version:

  • Includes all the features of the free version of the plugin.
  • Submit the data collected by the forms and store it on the website for review.
  • Send notification emails with the data collected by the form, as well as confirmation emails to the users.
  • Integrate the form with PayPal and calculate the amount to be charged through a calculated field.
    Payments allow SCA (strong customer authentication), compatible with the new payment services (PSD 2) – Directive (EU).
  • Export and import forms between different WordPress sites.
  • Different mechanisms to protect forms, such as captcha, WordPress nonces, and honeypot fields.
  • Associate “Thank You” page with the form, where you can show a summary of the form’s submission.
  • Dashboard widget to show the last week’s submissions.
  • Cache the forms to increase the rendering speed.
  • Export the information submitted by the forms to a CSV file and use it with third-party tools such as Excel, OpenOffice, LibreOffice, or any other spreadsheet editor.

Features of the Developer version:

Includes add-ons to extend the form features and make use of third-party plugins and external services

  • Server-Side Equations add-on: define server-side equations.
  • Verification Code add-on: verifies the user’s email by sending him a verification code and blocking the form’s submission until the verification code is entered.
  • WooCommerce add-on: integrate forms with WooCommerce products and calculate their prices, dimensions, and weight at the runtime.
  • SalesForce add-on: integrate the form with the SalesForce service.
  • WebHooks add-on: send the information collected by the form to a WebHook URL to open countless possibilities. By connecting your form to services such as Zapier, Microsoft Flow, IFTTT, Workato, and others, you can connect to hundreds of third-party services (e.g. Zoho CRM, Dropbox, Mailchimp, Google Drive, Facebook, Twitter, etc.).
  • User Permissions add-on: control the forms’ access, as well as allowing users to access and edit their data.
  • User Registration Form add-on: build a user registration form that captures the user’s basic information and metadata.
  • reCAPTCHA add-on: replace the basic captcha with Google reCAPTCHA to protect the forms.

Features of the Platinum version:

  • Includes all the features of free, Professional, and Developer versions of the plugin.

Extending features add-ons

  • CSV Generator add-on: export the information collected by the form to CSV files and attach these to the notification emails.
  • PDF Generator add-on: generate PDF files with the information collected by the forms and attach them to the notification emails.
  • Signature add-on: convert form fields into “Signature” fields, allowing the users to sign the form with a mouse or touchscreen.
  • Unique Fields Values add-on: verifies that the values entered by users have not been used in previous submissions.
  • iCal add-on: send iCal file in the notification emails to import the events into most popular calendars like Outlook and Google Calendar.
  • Upload Files add-on: add uploaded files to the media library and extend the file types accepted by WordPress.

Payment Gateways add-ons

  • PayPal Pro add-on: enable the payer’s credit card details to be entered directly through the website without any redirection to the PayPal website.
  • PayPal Checkout add-on: enable PayPal Checkout integration. Supports more payment methods than PayPal Standard.
  • Authorize.Net add-on: accept payments via Authorize.Net from the form.
  • Stripe add-on: accept payments via the Stripe payment gateway from the form.
  • Skrill Payments Integration add-on: integrate with the Skrill Moneybookers payment gateway.
  • TargetPay (iDeal) add-on add-on: integrate with iDeal, the popular Dutch payment method.
  • Mollie (iDeal) add-on: accept payments via iDeal.
  • RedSys / Servired / Sermepa add-on provides: a secure interface for accepting credit card payments from most banks in Spain.
  • PayTM add-on: a secure interface for accepting payments with credit cards, debit cards, net banking, wallets, and EMI.
  • SagePay add-on: a secure interface for accepting payments via SagePay.
  • Sage Payment add-on: a secure interface for accepting payments through a secure SSL checkout system for both bankcard and virtual check transactions.
  • eWay add-on: integrate with eWay payment gateway. eWay is a popular payment gateway in countries like Australia, New Zealand, Singapore, Hong Kong, and Malaysia.

Integration with third-party services add-ons

Sawir-shaashado

  • 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

Xayndaabyo

Kaabahani wuxuu bixinaya 2 xayndaab.

  • Insert CFF
  • Create var from POST, GET, SESSION, or COOKIES

Rakibaad

To install the “Calculated Fields Form” plugin, please follow these steps:

  1. Download the .zip the Calculated Fields Form plugin.
  2. Go to the Plugins section on your WordPress.
  3. Press the “Add New” button at the top of the section.
  4. Press the “Upload Plugin” button and then select the zipped file downloaded in the first step.
  5. Finally, install and activate the plugin.

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.

SBI

Q: Is the “Calculated Fields Form” plugin compatible with “Autoptimize”?

A: Yes, it is

Q: Is the “Calculated Fields Form” plugin compatible with “Plugin Organizer”?

A: Yes, it is

Q: What control types are included in the plugin?

A: The Calculated Fields Form’s page contains detailed information about each field in the plugin: Click Here

Q: Where can I publish a calculated fields form?

A: You can publish the forms into pages and posts. The shortcode can be also placed into the theme templates. Read more

Q: Can I send the form data and calculated results by email?

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

Q: Which calculation operations are available with 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

Q: How can I round the calculated result to 2 decimal digits?

A: Use the “PREC” operation for rounding numbers with decimal places.

Q: Which are the operations with date values that the plugin allows?

A: List and description of date/time operations

Q: Are there financial operations included in the plugin?

A: List and description of financial operations

Q: How can I calculate a payment’s amortization?

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:

How calculate an amortization?

Q: Can I create global variables to be used in the equations?

A: Yes, it is possible to create global javascript variables through the form shortcode, or by using the variables shortcode: CP_CALCULATED_FIELDS_VAR

Q: How to populate the form fields with URL parameters?

A: Please, read the answer in the FAQ entry: Click Here

Q: How to use a session variable in the equations?

A: Please, read the answer in the FAQ entry: Click Here

Q: How to use cookie variables in the equations?

A: Please, read the answer in the FAQ entry: Click Here

Q: How to use a parameter passed by POST in the equations?

A: Please, read the answer in the FAQ entry: Click Here

Q: How to use a parameter passed by GET in the equations?

A: Please, read the answer in the FAQ entry: Click Here

Q: If I’ve inserted multiple shortcodes for the same form in a webpage, each of them defines an additional variable with the same name. How to access the value of the variable defined in its shortcode from the equations in the form?

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

Q: How to initialize a date field?

A: Initializing date/time fields

Q: How to change the language on the datepicker?

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

Q: How to create relationships between date fields?

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

Q: Is there a way to format the form in a table structure (various fields in the same line)?

A: Yes, that’s possible. Please, read the following post in the plugin’s blog: Formatting the form (distributing the fields in columns)

Q: How to convert a button field into a submit button?

A: To convert a button’s field in a submit button, enter the following code as its onclick event:

    jQuery(this).closest('form').submit();

Q: How to display an image in a checkbox or radio button?

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:

fbuilder input[type=”checkbox”]{display:none !important;}

Q: How to replace the image displayed in a Media field based on the radio buttons selection?

A: How to replace the image displayed in a Media Field?

Q: In which order does the plugin evaluate the equations associated with the calculated fields?

A: Evaluating the equations

Q: Can I link the calculated amount to a PayPal payment form?

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.

Q: Non-Latin characters are not displayed in the form. Is there a solution?

A: Please, read the following entry in the plugin’s FAQ: [Click Here]](http://cff.dwbooster.com/faq#q225 “utf-8”)

Q: The calculated form doesn’t appear on the public website. What is the solution?

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.

Q: How to create a multipage form?

A: Insert “Page Break” between the fields belonging to different pages.

Q: How to display the selected values in the slider control?

A: Displaying selected values in slider control

Q: How to create new validation rules?

A: Create new validation rules

Q: How to display a summary of entered data in the form?

A: Insert a summary control in the form, and enter the names of the fields to display in the summary through its settings.

Q: How to highlight the fields in the summary control?

A: Highlighting fields

Q: Can I display a summary of the fields on the “Thank You” page?

A: Yes, that’s possible by using the shortcode for results. Additional details HERE

Q: How can I apply CSS styles to the form fields?

A: Applying CSS styles to the form fields

Q: Can I modify any of the predefined templates included with the plugin?

A: Yes, that’s possible: Modifying the predefined templates

Q: How to create a new template to use with my forms?

A: Creating new templates

Q: How to hide the fields in the forms?

A: Hiding the fields in form

Q: Why, after assigning some of the column class names (column2, column3, column4, col-…) to a group of fields, the next field is displaced to the right?

A: You can fix this behavior by inserting a separator field between rows

Q: How to assign multiple class names to a field?

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

Q: What files can be uploaded through the form?

A: Accepted files

Q: How can I include the links to the uploaded files in the notification emails?

A: Inserting the links to the uploaded files into the notification emails

Q: Why does the form builder display the error message: “The entered data includes invalid characters…”?

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.

Q: How to use conditional statements in the equations?

A: There are different alternatives to use conditional statements in the equations: Visit the following link

Q: How to print the form only and not the complete page?

A: To print only the form, but not the rest of the page’s content, please, follows the …

Dibu-eegisyo

21 Febraayo, 2024 1 reply
The best plugin I have ever used so far. Easy to use and unlimited options with Developer and Platinium versions. The integration with database and CSV works without problems. Best thanks to developers.
14 Janaayo, 2024 1 reply
Probably the best plugin. You can literally create any complex calculator.
30 Diseembar, 2023 1 reply
In just two days this has become one of my favourite Wordpress plugins. It is amazingly flexible and the support is super quick and helpful. if you need a form with a little more than just basic text fields, definitely check this out. You can do so much with the free version!
Akhri dhammaan 896 dibu-eegis

Ka-qaybgalayaasha & Horumariyayaasha

“Calculated Fields Form” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan.

Ka-qaybgalayaasha

“Calculated Fields Form” waxaa lagu tarjumay 6 luqadood. Way ku mahadsan yihiin turjumaannada ka-qaybqaadashadooda.

Ku tarjun “Calculated Fields Form” luqaddaada.

Ma xiisaynaysaa horumarinta?

Baadh koodka, fiiri bakhaarka SVN, ama iska qor diiwaanka horumarinta adigoo adeegsanaya RSS.

Isbeddellada

1.2.57

  • Minor changes in the controls’ appearance.
  • Implements the resize popup feature.
  • Fixes an issue in Select2 dropdown fields with long choices’ texts.
  • Improves the plugin security by sanitizing and escaping the cp_ref_page parameter (Professional, Developer, and Platinum versions). Thanks to Adam Goodlin, Wordfence Customer Support Engineer.

1.2.56

  • Removes deprecated JS code.
  • Resolved a dependency issue that occurs when there are more than ten forms inserted on a single page.
  • Fixes a warning in the notification emails module (Professional, Developer, and Platinum versions)
  • Modifies the MailPoet add-on (Platinum version)

1.2.55

  • Improves the plugin security. Special thanks to security researcher Rafie Muhammad (Patchstack)

1.2.54

  • Improves the HTML and CSS editors in the “HTML Content” fields and the “Customize Form Design” attribute, respectively.
  • Modifies the “Upload File” control to allow asking for the number of selected files. Ex. fieldname1|r.length
  • Modifies the Popup control to allow dragging the popup window to a different position.
  • Implements the COPYHTML and COPYTEXT operations.
  • Fixes an issue in the module that assigns the default fields’ values when the form has active the delay evaluation of the equations.

1.2.53

  • Improves the plugin security. Special thanks to Tiffany Tyson, Customer Support Engineer at WordFence. Pay attention to users who pass additional attributes through the form shortcode. In previous plugin versions, the attributes were converted as Javascript variables with global scope. For example, in shortcodes like [CP_CALCULATED_FIELDS id=”1″ custom_attr=”234″], the plugin created the custom_attr variable with value 234, and you could use it directly in the equations as custom_attr*fieldname1. However, this feature hides a serious problem. You could overwrite global variables like window or document. The current plugin update generates the variable as a property of the cff_var object, and you should use it as cff_var[‘custom_attr’] or cff_var.custom_attr

The previous code example must be overwritten as cff_var[‘custom_attr’]*fieldname1
* Modifies the RESETFORM operation.
* The build button supports Ctrl+click to open forms builder on another tab or window.
* Implements the Developer Notes attribute in the forms controls to display notes in the forms builder only and help the development of complex forms.
* Fixes an issue in the Popup control.
* Modifies the processing of the parameters in the SERVER-SIDE equations (Developer and Platinum plugin versions).

1.2.52

1.2.51

  • Replaces jQuery deprecated functions and events.
  • Modifies the equations processing.
  • Fixes an issue with DS controls and SERVER-SIDE equations (Developer and Platinum plugin versions).

1.2.50

  • Fixes an issue with the Readonly attribute in Checkbox, Radio Button, Checkbox DS, and Radion Button DS controls.