FormFlow documentation

Calculation Field

The Calculation Field computes a value from other fields in real time — totals, quotes, scores — and shows it live as the visitor fills the form.

Available onProAgency

Documents version1.5.3

Last updated

On this page

What this does

You define a formula that references other fields (for example, quantity × price). As the visitor changes those fields, the calculation updates instantly — turning your form into a live estimator or quote builder.

Why it exists: many forms need math (pricing, totals, scoring). The Calculation Field does it without any coding.

Typical use cases

  • Instant price/quote calculators.
  • Order totals (quantity × unit price).
  • Scoring in quizzes or assessments.

How to use it

  1. Enable Calculation Field on FormFlow → Features (Conditional Logics group).
  2. In Elementor, add a field and set its type to Calculation.
  3. Build the formula referencing your other fields (e.g. a Range Slider and a Currency field).
  4. Configure how the result displays (label, formatting).
  5. Preview and change the inputs to confirm the total updates.

Tips & Best Practices

  • Reference the right fields. Use numeric fields (Range Slider, Currency, number) as inputs.

  • Show the result clearly with a label like “Estimated total”.

  • Format money nicely — pair with the Currency field for clean amounts.

  • Test edge cases (zero, maximum values) so the total always makes sense.

  • Keep formulas readable so they’re easy to update later.

Frequently Asked Questions

Is the Calculation Field free?

No — it’s a Pro feature.

Which fields can it use?

Numeric inputs like Range Slider, Currency, and number fields.

Does the total update live?

Yes — it recalculates as the referenced fields change.

Can I show a price estimate on the form?

Yes — that’s a primary use (a live quote/estimate).

Does the calculated value submit with the form?

Yes — the result is captured with the submission.

Do I need Elementor Pro?

Yes — form fields require the Elementor Forms widget (Elementor Pro).

FieldsRange SliderThe Range Slider field lets visitors pick a value by dragging a handle along a track — ideal for budgets, quantities, and "how much" questions.FieldsCurrency FieldThe Currency field collects money amounts with proper formatting — symbols, separators, and decimals — so values look right and are easy to enter.FieldsData SummaryThe Data Summary field shows a live, read-only recap of what the visitor has entered — so they can review their answers before submitting.Conditional LogicField Conditional LogicField Conditional Logic shows or hides form fields based on what the visitor selects or types — so people only see the questions relevant to them.