Dynamic Price Calculator for Elementor
Build instant quote calculators and pricing estimators directly inside Elementor.
Description
XElementor Dynamic Price Calculator adds the Dynamic Price Calculator widget to Elementor. It is built for service businesses that need a clean way to collect project details, calculate an instant estimate, and turn that estimate into a quote request.
Use it for calculators such as web design quotes, moving estimates, cleaning services, renovation estimates, solar quotes, consultations, car rental pricing, event planning, and coaching packages.
The widget is positioned as a quote and lead-generation tool, not as a generic form builder. Site owners can build pricing flows like:
Select a service
Choose options
Answer pricing questions
See a live estimate
Submit a quote request with the selected options and calculated price
Key Features
Elementor widget: XElementor Dynamic Price Calculator
Multi-step pricing flow with progress bar
Live price calculation
Sticky-style summary area inside the widget
Lead capture form for name, email, phone, and message
Admin email notification with selected options and calculated estimate
Simple pricing mode for non-technical users
Advanced formula mode for custom calculations
Safe JavaScript formula parser, without raw eval
Conditional field visibility
Exact price, price range, hidden price, and qualification-style result modes
Wrapper, title, text, and summary style controls in Elementor
Supported Field Types
Number input
Dropdown
Radio buttons
Checkboxes
Toggle
Range slider
Quantity stepper
Date picker
Hidden field
Formula Modes
Simple mode lets site owners configure a base price and per-field price effects, such as per-unit pricing, flat additions, or percentage adjustments.
Advanced mode supports custom formulas using field keys, arithmetic operators, parentheses, comparisons, and IF conditions. Example:
base + (pages * 120) + service_price + extras
Another example:
IF(service == “store”, 1200, 500) + (pages * 120)