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