1. Home
  2. Cool FormKit For Elementor Pro Form
  3. How to add Calculator Field in Elementor Forms

How to add Calculator Field in Elementor Forms

You can easily add a Calculator field inside your Elementor Pro form. Please just follow these steps:-

* Firstly, make sure you have Turned on the Rating Field feature in the WordPress Admin Panel >> Elementor >> Cool FormKit >> Form Elements Tab.

  • Search “Form” inside the Elementor widgets section.
  • It will create a form with the default three fields.
  • Select “Calculator” field type.
  • Calculator Formula: In this, you can put the formula for your calculation using your form fields. You have to add the IDs of your form fields.
  • Before Text: Set the prefix you want to add to your calculation field, for example ($).
  • After Text: You can also set a prefix text to appear after your calculated values.
  • Decimal Seperator: Select your preferred decimal separator: either a period (.) or a comma (,) based on your requirement.
  • Thousand Seperator: Select your preferred thousand separator: either a period (.) or a comma (,) based on your requirement.
  • Decimal Count: Choose the number of digits to display after the decimal separator.

Go to the Advanced tab to personalize the calculator field styling: