---
title: "How to add an Animated Number Counter for Elementor?"
url: https://theplusaddons.com/docs/animated-number-counter-for-elementor/
date: 2024-03-18
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Add a Number Counter widget to show an animated, eye-catching number - a stat, a count of customers, or any figure that counts up when a visitor scrolls to it...."
image: https://theplusaddons.com/wp-content/uploads/2024/03/How-to-add-an-Animated-Number-Counter-for-Elementor_-1024x536.jpg
word_count: 255
---

# How to add an Animated Number Counter for Elementor?

## 

- The Plus Addons for Elementor requires the widget to be installed and activated, and Elementor (free) is installed and active before the Number Counter widget is used.
- Number Counter lets the page show an animated count-up for a stat, a count of customers, or any figure, and it starts when the widget scrolls into view.
- Number Counter settles on the exact configured Number Value a couple of seconds later, and Thousand Separator formats large values correctly when it is turned on.

Add a **Number Counter** widget to show an animated, eye-catching number - a stat, a count of customers, or any figure that counts up when a visitor scrolls to it.

For every setting in the widget, see the linked Settings Overview.

For the full settings tour of the **Number Counter** widget, see [Number Counter: Settings Overview](https://theplusaddons.com/docs/number-counter-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/number-counter/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Number Counter** and turn its toggle on.

## Steps

- Drag the **Number Counter** widget onto your page.- Set **Number Value** to the number you want it to end on.- If you don't want it to start from zero, set **Animation Starting Number Value**.- Publish the page and scroll to the widget to see it animate.

![Number Value field](https://theplusaddons.com/wp-content/uploads/2026/09/number-counter-value.webp)

![Animation Starting Number Value field](https://theplusaddons.com/wp-content/uploads/2026/09/number-counter-start-value.webp)

## How It Behaves

Confirmed with a real browser test: scrolling the widget into view starts the count-up animation immediately, and it settles on the exact configured **Number Value** a couple of seconds later. Large values format correctly if **Thousand Separator** is turned on (see Settings Overview).

## Limitations

- The animation runs once when the widget scrolls into view; there is no built-in setting in this pass's testing to replay it without reloading the page.

## Not verified

So you know exactly what has and has not been checked:

- Replay/re-trigger behaviour on repeated scrolling.- Free vs Pro control split.

## Related Docs

- [Number Counter: Settings Overview](https://theplusaddons.com/docs/number-counter-settings-overview/)

## Frequently Asked Questions

**Q: Why isn’t the animated number counter starting when I scroll to it?**
A: The animation starts when the widget scrolls into view, so if it never appears on screen, it will not begin counting. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this Number Counter widget as part of its Elementor toolkit, and the page says it needs The Plus Addons for Elementor installed and activated. A practical check is to confirm the widget is enabled under The Plus Addons > Widgets before testing the page in a real browser.

**Q: What do I need before using the animated number counter in Elementor?**
A: Elementor free must be installed and active, and The Plus Addons for Elementor has to be installed and activated too. The page also says the Number Counter widget itself needs to be turned on under The Plus Addons > Widgets. That matters because the counter is not just a standalone Elementor element; it is one of the widgets provided by The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH.

**Q: Can I use the number counter for stats like customers or other counts?**
A: The widget is meant for exactly that kind of use: an animated number that can show a stat, a count of customers, or any figure that counts up when a visitor scrolls to it. That makes it a good fit for proof points on landing pages or service pages where a quick visual count is more useful than plain text. The key behavior is scroll-triggered animation, not a static number display.

**Q: How do I make the counter start from something other than zero?**
A: Set Animation Starting Number Value if you want the count-up to begin above zero. That setting matters when zero would feel too slow or when you want the motion to match an existing baseline instead of always ramping from nothing. The final target still comes from Number Value, so the widget animates from your chosen starting point to the exact end value.

**Q: Does the animated number counter format large numbers correctly?**
A: Large values format correctly when Thousand Separator is turned on. That is useful because big counts are much easier to read at a glance when they are grouped properly instead of shown as one long string of digits. In the browser test described on the page, the counter still settled on the exact configured Number Value after animating.

**Q: Can I replay the number counter animation without reloading the page?**
A: The tested behavior shows the animation runs once when the widget scrolls into view. There is no built-in setting in this pass’s testing to replay it without reloading the page, so repeated scrolling does not give you a fresh animation cycle. If you need that effect, plan around a one-time reveal rather than expecting an automatic retrigger.