Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder.

This article, about the "Pricing Table" element, might be useful, as well, since the functionality is similar to the one of the "Number Counter".

You can add an animated number counter to your content by following these steps.

First of all, go to your WordPress editor​ in the Dashboard. Click on the Thrive Themes shortcode drop-down and select “Number Counter”:

As you click on it, you will see the following shortcode options in the window that pops up:

1. Color

​Here you can set the color you want to apply to your counter. This color won't apply to the label.

2. Value​

The value you add here in numbers is going to be the last number of the counter that starts from zero. ​

3-4. Unit before and after

​Here you can add letters, numbers, or signs - whatever you want to appear before or after the counter. Here is an example of it is going to look like if you set a dollar sign as a unit before the counter:

​5. Label

Enter a text here that going to appear below the counter. The color you have chosen for your counter is not going to apply to the label. The label is going to look like this:

6. Insert

​When you are done with all the settings, click on "Insert". The “Number Counter” will be added to your content.


Please note that in order to use the Shortcodes as they are described in this article, you have to install the "Classic Editor" plugin. Check out this article to find out more about how to install and use the plugin.

Did this answer your question?