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.
Table Of Content

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.

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

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.

Tpae number counter number counting 9 how to add an animated number counter for elementor? From the plus addons for elementor


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

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my animated number counter isn't displaying correctly?

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.

What is the best way to set the animation speed for the number counter?

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.

What happens if I set the Animation Starting Number Value too high?

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.

Does the animated number counter work on mobile devices?

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.

Last reviewed: April 9, 2026