---
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-04-09
author: "Aditya Sharma"
description: "Adding an animation in numbers on number counter Elementor can add a dynamic element to your website, making it more eye-catching and interactive. With the Number Counter Widget from The..."
image: https://theplusaddons.com/wp-content/uploads/2024/03/How-to-add-an-Animated-Number-Counter-for-Elementor_-1024x536.jpg
word_count: 224
---

# How to add an Animated Number Counter for Elementor?

## Key Takeaways

- Number Counter Widget from The Plus Addons for Elementor adds animated number counters to websites.
- Users can set the Animation Starting Number Value to customize the beginning value of the counter.
- The Number Gap For Animation field allows users to define the gap between each number change.

Adding an animation in numbers on number counter Elementor can add a dynamic element to your website, making it more eye-catching and interactive.

With the Number Counter Widget from The Plus Addons for Elementor, you can easily add an animated number counter for Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Number Counter widget, [click here.](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)

To do this, add the Number Counter widget to the page and follow the steps -

1. From the **Layout** tab, you can manage the style & title of the number counter.

2. Then go to the** Number Counting** tab, and set the number that you want to showcase in the Number Value field.

3. After that, in the **Animation Starting Number Value** field, set the beginning value for the animated number counter.

In the **Number Gap For Animation** field, you can set the gap between each number change.**

**In the **Time delay in Animation Gap **field, you can set a delay between each number change.**
**

![](https://theplusaddons.com/wp-content/uploads/2024/03/Tpae-Number-Counter-Number-Counting-9.png)

From the **Extra Option** tab, you can add a symbol and set its position.

From the **Icon** tab, you can add an icon.

Now, you will have an eye-catching animated number on the number counter.

![Animated Number Counter Demo](https://theplusaddons.com/wp-content/uploads/2024/03/Animated-Number-Counter-Demo.gif)

## Frequently Asked Questions

**Q: What should I do if my animated number counter isn't displaying correctly?**
A: If your animated number counter isn't showing up, first ensure that The Plus Addons for Elementor is installed and activated. This widget is part of the addon, and without it, the counter won't function. Additionally, check that you've correctly set the number in the Number Value field and that the widget is properly added to your page.

**Q: What is the best way to set the animation speed for the number counter?**
A: To optimize the animation speed, adjust the Time delay in Animation Gap field. A shorter delay creates a faster animation, which can be more eye-catching, but ensure itu2019s not too quick to read. Experiment with different settings to find the right balance for your audience.

**Q: What happens if I set the Animation Starting Number Value too high?**
A: Setting the Animation Starting Number Value too high may lead to a counter that appears to jump directly to the final value, reducing the visual impact of the animation. It's best to choose a starting value that allows for a smooth transition to the final number, enhancing the overall effect.

**Q: Does the animated number counter work on mobile devices?**
A: The animated number counter is designed to be responsive and should work on mobile devices. However, always preview your site on various screen sizes to ensure that the counter displays correctly and maintains its visual appeal across devices.