Calculated Field for Elementor Form Download For Free

All > JavaScript > Calculated Field for Elementor Form Download For Free

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
Scroll to Top