Interactive Calculator Builder

Premium

Adds the EE Calculator widget for pricing, ROI, loan and estimate calculators without code: sliders, number boxes, dropdowns, buttons and switches feed formulas such as {price} * {quantity} * (1 – {discount} / 100). Results update instantly in the browser, are formatted as money, numbers or percentages for the site language, and can fill in a Forms Pro form or open a link with the values. Formulas use a safe built-in parser (no code evaluation).

Where Elementor panel → LandTech Extras category. Elementor Extras → All Tools → Calculators lists the pages that use a calculator and has the formula reference and examples.

How to use it

Turn on "Platform: Interactive Calculator Builder" under Settings → Add-on features.
Drag the EE Calculator widget onto a page. It starts as a working quote calculator (price × quantity with a discount) you can change.
Under Inputs, add one row per thing the visitor chooses: a slider, number box, dropdown, buttons or an on/off switch. Give each a short name such as quantity; formulas use it as {quantity}. For dropdowns and buttons, enter one choice per line as Label|number.
Under Results, add one row per number to show and write its formula, e.g. {price} * {quantity} * (1 – {discount} / 100). Click the names and functions under the formula box to insert them. A result can use any result above it, such as {subtotal} – {savings}.
Choose how each result is shown (money, number or percentage), the decimals and any text before or after it, such as "/month". Turn on Highlight for the main result.
Optional: under Call to action, show a button. "Fill in a form on this page" copies the values into an EE Multi-Step Form: form fields with the same name as an input or result are filled, or list pairs as calculator name|form field, and a Summary field receives everything as text. "Open a link" can add the values to the link as ?name=value.
Preview the page. If a formula has a mistake, the widget shows what to fix in the editor; visitors see a dash instead of that result.

Notes

Everything is calculated in the visitor's browser as they type; nothing is sent to the server or stored. The first numbers are also in the page itself, so they show before scripts load.
Formulas can use + – * / % ^, brackets, comparisons (< <= > >= == !=), and / or / not, and the functions round, ceil, floor, min, max, abs, pow, sqrt and if(test, a, b). Anything else is rejected, so formulas cannot run code.
Money uses the WooCommerce store currency unless you enter a currency code on the result, and numbers follow the site language (for example 1.234,50 in German). "Percentage" adds a % sign to the number as calculated, so write * 100 in the formula for a ratio.
Dividing by zero, the square root of a negative number or an empty number box shows a dash until the input is valid. Number boxes keep values between the minimum and maximum you set.
Developers: filter landtech_extras/calculator/runtime_config changes the configuration sent to the browser; window.ltxeCalculator.init( element ) starts calculators added after the page loads.