WP CountUP JS
Display multiple animated counters into your WordPress site.
The facts
- Rating
- 4.9★ from 10
- Active installs
- 1k+
- Price
- Free
- Last updated
- 4 Dec 2021
- Added
- Mar 2016
- Requires WP
- 5.7.4
- Tested up to
- WP 5.8.15
- Requires PHP
- 7.0
- Downloads
- 27,007
Our analysis
AI-assistedWP CountUP JS is a WordPress plugin that allows you to display multiple animated counters on your site. It integrates with the Gutenberg editor, enabling you to add a custom block called CountUp to your posts and pages. The plugin can also be used via shortcodes, offering two formats for implementation.
This plugin is suitable for users who want to showcase numerical data in an engaging way, such as statistics or achievements, using animated counters. It is designed for those familiar with shortcodes and Gutenberg blocks.
Best for: This plugin suits users looking to add animated counters to their WordPress site.
What it does well
- ✓Compatible with Gutenberg and block editor
- ✓Offers two methods for using shortcodes
- ✓Allows for animated counters
Where it falls short
- •Limited information on available attributes
- •No details on support or documentation
Verdict
WP CountUP JS provides a straightforward way to implement animated counters, but lacks detailed documentation on its features.
From the developer
Roel Magdaleno's own description of WP CountUP JS, lightly tidied.
Display multiple animated counters into your WordPress site.
Gutenberg
The plugin is compatible with Gutenberg, so you can add the custom block called CountUp to your posts and pages. Check the wiki for more details.
Shortcode
It’s very easy to use this plugin, you can use the shortcode after install it, but there are two ways to use the plugin:
The first way is:
[countup start="your-value" end="your-value" decimals="your-value" duration="your-value"]
The second way. To use this format you need to check the Use the end number inside the shortcode? setting in the plugin option page:
[countup start="the-start-number" decimals="your-value" duration="your-value"]the-end-number[/countup]
Example
You can use the shortcode in two ways, as mentioned before. If you are using the first way:
[countup start="0" end="55" decimals="2" duration="5" prefix="my_prefix" scroll="false"]
If you are using the second way (remember to check the Use the end number inside the shortcode?):
[countup start="0" decimals="2" duration="5"]55[/countup]
Copy and paste any example in one of your posts and test.