Calculated Field for Elementor Form

Description

Calculated Field for Elementor Form provides the ability to build calculator, booking, order forms that perform basic and complex calculations.

Note: This plugin requires the Elementor Pro ( Form Widget ).

Video: How to Create a Calculated Field.

Features

• An ability to build calculator forms
• An ability to build booking forms
• An ability to build order forms
• An ability to set a post meta value in formula
• An ability to calculate date diff
• An ability to use the JS methods of the Math object
• An ability to set differentiate between value and calculation value for select, radio, checkbox
• An ability to animate a calculate value
• An ability to change decimal and thousands separator
• An ability to calculate string values

Example Calculation Formula

Available shortcodes:

• [field id=”number1”] – shortcode for field value https://prnt.sc/1seh421. Where: number1 – is a field ID.
• [meta id=”price”] – shortcode for current post meta value. Where: price – is a post meta key.

Available functions:

• dateDiffInDays( [field id=”date_field_1”],[field id=”date_field_2”] ) – function for get date diff in days.
  Where: [field id=”date_field_1”] and [field id=”date_field_2”] – date fields shortcodes.
• dateDiffInYears( [field id=”date_field_1”],[field id=”date_field_2”] ) – function for get date diff in years.
• dateDiffInMonths( [field id=”date_field_1”],[field id=”date_field_2”] ) – function for get date diff in months.
• dateDiffInWeeks( [field id=”date_field_1”],[field id=”date_field_2”] ) – function for get date diff in weeks.
• The JS methods of the Math object. For example: Math.round( [field id=”number1”] )
• addDaysToDate( [field id=”date_field”], 30 ) – function to add a number of days to a date field.
  Parameters:
  • $date – date field shortcode;
  • $days – number of days to add;
  • $date_format – date format (Optional).
• subtractDaysFromDate( [field id=”date_field”], 30 ) – function to subtract a number of days from a date field.
  Parameters:
  • $date – date field shortcode;
  • $days – number of days to subtract;
  • $date_format – date format (Optional).
• formatDate( $date, $format ) – function to format a date object into a string value.
  Parameters:
  • $date – the date value to format;
  • $format – the desired format of the date.

  The format can be combinations of the following:

  • d – day of month (no leading zero);
  • dd – day of month (two digit);
  • o – day of year (no leading zeros);
  • oo – day of year (three digit);
  • D – day name short;
  • DD – day name long;
  • m – month of year (no leading zero);
  • mm – month of year (two digit);
  • M – month name short;
  • MM – month name long;
  • y – year (two digit);
  • yy – year (four digit);
  • @ – Unix timestamp (ms since 01/01/1970).

Example 1:

[field id="number1]+[field id="number2"]

Example 2:

[field id="quantity"]*[meta id="price"]

Example 3:

dateDiffInDays([field id="date_field_1"],[field id="date_field_2"])*[field id="guests"]

Example 4:

addDaysToDate( [field id="date_1"], 287 )

How do I get updates?

For information about the new version and the installation of updates, you can use the plugin from Envato – Envato Market WordPress Plugin.

Change log

v1.2.3

Updated: tested up versions.

v1.2.2

Updated: tested with Elementor v3.20.

v1.2.1

Updated: tested with Elementor v3.18.

v1.2.0

Added: an ability to calculate string values. For example: date value;
Added: `Calculated Value Type` setting;
Added: new calculation functions: addDaysToDate, subtractDaysFrom, formatDate.

v1.1.3

Fixed: calculation process in some cases.

v1.1.2

Updated: tested with Elementor v3.12.

v1.1.1

Added: minor improvements.

v1.1.0

Added: an ability to change decimal and thousands separator;
Added: error message in editor if calculation formula contains syntax error;
Added: calculation process in the editor.

v1.0.8

Fixed: calculation process if calculated field has thousands separator.

v1.0.7

Fixed: calculation process if formula has calculated field.

v1.0.6

Fixed: animation of value if value has thousands separator.

v1.0.5

Added: an ability to calculate date diff in years, months and weeks.

v1.0.4

Added: `Add thousands separator` setting.

v1.0.3

Added: an ability to set differentiate between value and calculation value for select, radio, checkbox;
Added: an ability to calculated multiple select;
Added: an ability to animate a calculate value.

v1.0.2

Fixed: the datediff feature if using the flatpickr picker for date field.

v1.0.1

Added: an ability to set a post meta value in formula;
Added: an ability to calculate date diff;
Added: an ability to add currency symbol;
Added: an ability to hide field;
Added: an ability to hide label.

v1.0.0

First release