Calculator Builder for Elementor

Every calculator on this page is the same EE Calculator widget with different settings. Change any input and the results update instantly in your browser; nothing is sent to the server.

Where to find each Elementor calculator builder feature

  • Input types: number box (1, 4, 6, 9), slider (1, 2, 3, 5, 7, 8, 10), dropdown (2, 4, 10), buttons (1, 3, 11), on/off switch (1, 3, 7, 10, 11)
  • Result formats: money in USD (most), EUR / GBP / JPY (8), number with a unit (4, 5, 6), percentage (1, 9)
  • Operators: + - * / (all), ^ power (2), % remainder (6), brackets (all), comparisons (1, 7, 8), and / or / not (7)
  • Functions: round (3), ceil (3, 4, 6, 10), floor (6), min (1, 8), max (7), abs (5, 8), pow (9), sqrt (4), if (1, 2, 3, 7, 9, 11)
  • Chaining: results that use earlier results (all except 5)
  • Text around values: prefix/suffix on inputs and results (2, 4, 5, 6, 9), help text (4, 6, 8, 9)
  • Layout: inputs beside results (default) or stacked (2, 5, 10), "Start over" button (3, 10), title tags H2/H3/H4
  • Button: fill the first form on the page (1), fill a specific form with a CSS selector (10), open a link with the values (2), open a plain link in a new tab (11)
  • Styling: custom colors for fields, results and button (10)

Editors also see the formula helper under each formula box, and a notice on the widget when a formula has a mistake (visitors see a dash instead). Full reference: Elementor Extras → All Tools → Calculators.

1. Quote request that fills a form

Pick the options, then press "Request this quote": the total, quantity and a full summary are copied into the form underneath.

Shows: number box, slider, buttons, on/off switch, if() tiers, min() cap, percentage result, chained results, highlighted total, form hand-off with a field map and a summary field.

Print order estimate

25 units
Customer type
Subtotal $1,225.00
Volume discount 0%
You save $0.00
Total $1,225.00

Your quote

2. Mortgage payment with a link that carries the numbers

The button opens the contact page with every value added to the address (?amount=…&payment=…), so another form or page can read them.

Shows: stacked layout, dropdown, ^ power, if() to avoid dividing by zero at 0%, suffix " /month", 0-decimal money, link button with values.

Mortgage payment

$300,000
Monthly payment $1,896.20 /month
Total interest $382,633

3. Tip and bill splitter

Choose a tip, split between people, and optionally round each share up to a whole dollar. "Start over" puts every input back to its starting value.

Shows: buttons, slider, switch used as a yes/no (1 or 0) inside if(), round() to cents, ceil() to whole dollars, "Start over" button.

Split the bill

Tip
3
Tip amount $15.55
Bill with tip $101.95
Each person pays $33.98

4. Flooring estimator with units

Room size in, boxes to buy out. Results are plain numbers with units instead of money.

Shows: number boxes with suffixes, dropdown, input help text, number results with units (" sq ft", " boxes"), ceil() to whole boxes, sqrt(), result help text, money total.

How much flooring do I need?

Printed on the box.

Floor area 180 sq ft
Area with waste 198.0 sq ft
Boxes to buy 10 boxes
Left over 2.0 sq ft
Same area as a square 13.4 ft per side Uses sqrt().
Flooring cost $549.90

5. Temperature converter (negative numbers)

A slider that goes below zero, with results that are pure unit conversions.

Shows: slider with a negative minimum and 0.5 steps, stacked layout, number results with 1–2 decimals and unit suffixes, abs().

Celsius converter

20.0 °C
Fahrenheit 68.0 °F
Kelvin 293.15 K
Distance from freezing 20.0 °C

6. Time tracker and invoice

Turns minutes worked into hours and minutes, then bills in 15-minute blocks.

Shows: floor() for whole hours, % remainder for leftover minutes, ceil() to the next 15-minute block, result help text, money from an hourly rate.

Billable time

Hours 2 h
Plus minutes 17 min
Billed time 150 min Rounded up to the next 15 minutes.
Invoice amount $237.50

7. Shipping rules with and / or / not

Free shipping when the order is $50 or more OR you are a member, AND it is not international. Turn the switches on and off to see the rules apply.

Shows: switches as yes/no values, comparisons, and / or / not in one condition, nested if(), max() so the "spend more" amount never goes negative.

Shipping cost

$42
Shipping $6.95
Spend this much more for free shipping $8.00
Order total $48.95

8. Travel budget in four currencies

Each result can use its own currency code; the symbol and decimals follow the currency (yen has none).

Shows: USD, EUR, GBP and JPY results, 0-decimal money, abs() and min() to show how far over budget you are, result help text.

Daily spending money

$3,000
7
Hotel total $1,260
Left for everything else $1,740
Per day (USD) $248.57
Per day in euros €228.69
Per day in pounds £196.37
Per day in yen ¥37,037
Over budget by $0 Stays at $0 until the hotel alone costs more than the budget (try 21 nights).

9. Investment growth (compound interest)

Monthly deposits growing at an annual rate, compounded monthly.

Shows: pow() for compounding, if() for the 0% case, percentage result made with * 100, number result with a "×" suffix, result help text, 0-decimal money.

What will my savings grow to?

$300
20
Growth of each dollar 4.04× Uses pow().
Future value $176,472
You put in $77,000
Growth $99,472
Share of the total that is growth 56.4%

10. Custom colors and a specific form

This page has two forms. The button uses a CSS selector (.calc-demo-booking form) so it fills the booking form below, not the first form on the page. The dropdown choice is copied as its label ("Plated dinner").

Shows: Style tab colors (accent, fields, results, button), H2 title, stacked layout, "Start over", ceil() for staff, form selector, field map including a dropdown, summary field.

Catering estimate

120
Servers needed 5 servers
Food $4,320
Bar $0
Staff $900 $180 per server.
Estimated total $6,264 Includes a 20% service charge.

Book a tasting

11. Pricing plan picker with a plain link

The button is an ordinary link that opens the shop in a new tab, without adding any values to the address.

Shows: buttons for plans, slider for seats, switch that multiplies (0.8 for yearly billing), if() to show savings only when yearly is on, link button in a new tab.

Team pricing

Plan
10 seats
Per month $96.00 /month
Per year $1,152
Yearly billing saves $288