Weather and science
Show the spread of readings or measurements.
Content / widget · Elementor module
Numeric Range Calculator Widget Plugin for Elementor
Let visitors paste numbers and see the smallest, the largest and the range between them, with the working, live in the browser.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Numeric range calculatorProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Type or paste numbers into any of them; the result updates as you type.
02 / Inside WordPress
Numeric range calculator controls in Elementor
Content sets the decimal places and whether visitors can change them, the decimal separator, the most numbers used, whether to show the working, and every label and message. The Style tab covers the text area, the result box and smallest and largest values, labels and help text, and the Copy and Clear buttons.
03 / Website use cases
Where to use numeric range calculator
The range is the quickest way to show how spread out a set of numbers is, from temperatures to prices to test scores, but scanning a long list for the smallest and largest values is slow. Numeric range calculator runs on your own page: visitors paste numbers and see the smallest, the largest and the range, with the working, updated as they type.
Classrooms
Teach range alongside mean, median and mode.
Pricing
Show the spread between the cheapest and dearest option.
04 / Installation and setup
How to add a numeric range calculator in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Numeric range calculator in the Complementor library.
Add the widget to a page.
Choose the decimal places and the decimal separator.
Optionally add starting numbers and adjust the labels.
Style it and paste some numbers.
05 / Content and style controls
Customize numeric range calculator in Elementor
Configure the settings available for this module to suit the page you are building.
Live range while typing.
Smallest and largest values.
Working shown as largest − smallest.
Ignored entries listed by name.
Decimal places, visitor adjustable.
Numbers never leave the browser.
06 / Choose the right approach
Numeric range calculator and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Spreadsheets
Need MAX and MIN formulas and take visitors off your page.
Sorting by hand
Slow and easy to get wrong with long lists.
07 / Requirements and compatibility
Numeric range calculator compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Works out the range; it does not work out the interquartile range.
- Thousands separators are not supported.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot numeric range calculator
Check these settings if the published page behaves differently from the editor.
Why is the range 0?
Every number is the same, or there is only one number.
Why does it say the range is too large to show?
The numbers are near the largest values a browser can hold.
Why was “1,000” read as two numbers?
Commas split numbers. Leave out thousands separators.
How do visitors type decimal commas?
Split the numbers with semicolons, or set Decimal separator to Comma.
Numeric range calculator plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Are the numbers sent anywhere?
No. The calculation happens in the visitor's browser and nothing is saved.
Does it handle negative numbers?
Yes. Signs and the minus sign (−) are accepted.
Is it accessible?
Yes. The input is labelled, the format is explained under it, and the result is announced to screen readers.
Does it need JavaScript?
Yes. Without it a short message is shown instead.
10 / Annual All Access subscription
Get numeric range calculator with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.