The Number Counter widget animates a number counting up to a target value when it scrolls into view.
This settings tour covers the core counting controls; see the other Number Counter doc for a step-by-step walkthrough.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: Elementor (free) installed and active.
- Widget to enable: go to The Plus Addons > Widgets, search for Number Counter and turn its toggle on.
Steps
- Add the Number Counter widget to your page.
- Set Number Value to the final number you want the counter to reach.
- Set Animation Starting Number Value if you don’t want the count to start from zero.
- Turn on Thousand Separator if the final value is large enough to benefit from comma grouping.
How It Behaves
Confirmed on the front end with a real test: with Number Value set to 2500 and Thousand Separator on, scrolling the widget into view showed the counter mid-animation (a value like 115), and after roughly 2.5 seconds it settled on 2,500 with the comma in place. No console errors.
Settings Overview
| Setting | What it does | Default |
|---|---|---|
| Number Value | The final number the counter animates up to. | 1000 |
| Animation Starting Number Value | The number the animation starts counting from. | 0 |
| Number Gap For Animation | The step size used while animating. | (none set) |
| Thousand Separator | Adds a comma every three digits in the final value. | Off |
Not verified
So you know exactly what has and has not been checked:
- Whether a prefix/suffix-style text control exists elsewhere in the widget – none was found under those names in this pass.
- Title and Digit style sections, Background Option.
- Free vs Pro control split.
- Mobile rendering.
