Examples
Different businesses, different currencies, one element.
Inputs, prices, number format, and colors in each example are set in the element options.
- northlinestudio.com/packages
Website package
Build your website quote
★ Projects over $6,000 include a month of free support.
Final pricing follows a short discovery call.
Request a formal quoteExample 01
Agency packages in Baltic Blue
A page slider, a priced design dropdown, and two ticked extras. The accent color, total panel, and button all switch to blue from the element’s style options.
- saffronbanquets.in/catering
Wedding catering
Plan your catering budget
[ Grouping: Indian ] [ Symbol: before ] [ Decimals: 0 ]
Example 02
Rupees with Indian number grouping
The same element set to Indian number grouping, displaying ₹1,15,000 instead of ₹115,000.
- 9:41 brightwallhomes.com
Home Remodel
★ Orders above $4,000 get a free consultation.
This is an estimate, not a final quote.
Request a formal quoteExample 03
On a phone
Every input sits in a single column, and the total panel follows straight after the last add-on so the price is the next thing visitors see.
[ How totals work ]
Each total adds up slider values times their unit price, the chosen dropdown options, and any ticked add-ons. That is the whole model, so it takes minutes to set up and the numbers are easy to check. There are no custom formulas, and the calculator does not collect emails itself: the button links to your own form or page.
See it working on a real Avada site.
What you can build
Price guides that answer “roughly how much?”
This is an estimate, not a final quote.
Renovation and cleaning estimates
Let homeowners set room counts, hours, or square meters and see a figure before they call. Fewer inquiries come from people expecting half the price.
This is an estimate, not a final quote.
Agency and freelance packages
Lay out your packages as dropdown options and extras as add-ons. Prospects can see how the price builds up instead of waiting for a proposal.
This is an estimate, not a final quote.
Events, catering, and rentals
Price per guest or per day with a slider, then add equipment or services as checkboxes. Planners can try a few versions of their budget in a minute.
Features
What goes into an estimate.
Sliders with units
Label, description, price per unit, and a unit name beside the value, like 10 Bedrooms.
Priced dropdowns
Every option in a dropdown carries its own price.
Checkbox add-ons
Optional extras, each with a price of its own.
Live total
The estimate recalculates the moment any input changes.
Currency placement
Put the currency symbol before or after the amount.
Western or Indian grouping
Show 123,456 or 1,23,456 to match how your customers read numbers.
Decimal places
Choose how many decimals the total shows, including none.
Range messages
Display a different message depending on where the total lands.
Disclaimer and button
A note under the total and a button linked to your form or page.
Works the Avada way
Styled by your theme, edited in place.
Set up prices and inputs in the element panel and watch the total change as you edit.
[ ]
Avada Builder
Place the calculator in any column and fill in its inputs.
[ ]
Global colors and typography
Inputs, the total, and the button can follow your Avada global styles.
[ ]
Avada Live
Change a price on the front end and see the total respond.
[ ]
Live option updates
New inputs and style changes appear in the builder preview as you add them.
FAQ
Cost Calculator questions
Related elements
Fancy Advanced Table
Price lists people can sort
Publish rates or spec sheets as a table with sorting, search, and pagination built in.
Fancy Content Gate
Details shared after a short form
Keep part of a page hidden until the visitor sends an Avada Form placed inside the gate.
Fancy Location Lister
Every branch with its hours
Searchable cards for each location, showing whether it is open right now.