Count Up for
WPBakery Page Builder

Show off your best numbers with an animated counter that ticks up from zero the moment it scrolls into view. Add a prefix, a suffix, an icon, and a heading to turn dry stats into proof, all inside WPBakery with no code.

Download Now

Upgrade To Pro

Eye-Catching Stat Counters

Put your best numbers to work with the Count Up widget. Animate a figure from zero to your target as it scrolls into view, add a prefix, suffix, icon, and heading, and turn dry statistics into proof that captures attention and builds trust.

Start Counting

Turn key numbers into animated proof.

Count Up is the fastest way to put your best figures on the page. Give it a start, an end, and a speed, and it ticks up the moment a visitor scrolls to it. Add a $, a %, or a + to give the number meaning, drop an icon beside it, and label it with a heading above or below.

It works the way WPBakery already works. Drag it in, type your numbers, pick your colors, and you are done. Nothing to learn, nothing to fight with.

See the Count Up in action

Houses

0 Complete Exams

0 Total Projects

0 Peace

Everything you can control

Start, end, and speed

Set the number it starts from, the value it counts up to, and how fast it animates. It ticks up the moment it scrolls into view.

Prefix and suffix

Add a symbol before or after the number, like $, %, +, or K, so a plain figure reads as a clear, meaningful stat.

Decimals and separators

Show decimal places and a thousands separator, so 2500 reads as 2,500 and a rating like 4.9 stays exactly right.

Icon or image

Add an icon from Font Awesome 6, Material, Typicons, Entypo, Open Iconic, or Mono Social, or your own image, placed left, right, or above.

Heading and divider

Put a label above or below the number, and add a divider line with its own color, width, and height to separate the two.

Typography and link

Style the number and heading fonts your way, and wrap the whole counter in a link that points anywhere you like.

Configure Your Count Up with Ease

The General settings let you build your counter in just a few clicks. Set the start number, the end value, and the speed, add a prefix, suffix, and heading, and create animated stats that capture attention and improve user experience.

Style Every Part of Your Count Up

Make your counter uniquely yours with advanced design settings. Configure the divider color and size, the icon box and border, alignment, spacing, and hover effects to create responsive, professional stat blocks that blend seamlessly with your website’s branding.

Advanced Typography Controls for Perfect Readability

Make every figure easy to read with advanced typography controls. Adjust font size, colors, custom font families, and spacing on both the number and the heading so your stats look bold, professional, and perfectly aligned with your website’s branding.

Flexible Icon & Image Settings for Standout Stats

Pair every number with the perfect visual. Upload a custom image or pick an icon from six libraries, set its size, border, color, and radius, and place it left, right, or above the number to design counters that boost engagement.

How to add a Count Up in Your Site?

1. Make sure WPBakery Page Builder and Classic Addons are both installed and active.

2. Edit any page with WPBakery, click the plus to add an element, and search for "Count Up."

3. Drop it in, then set your start number, end value, and animation speed.

4. Add a prefix or suffix, a heading, and an icon or image if you want one.

5. Open the style options to set colors, the divider, and typography, then save.

That is it. Line up a row of counters and you have an eye-catching stats section in under a minute.

Frequently Asked Questions

Do I need to know any code to use Count Up?

When does the number start counting?

Can I add a symbol like $, %, or +?

Can I use an image instead of an icon?

Will it look good on mobile?

Is Count Up free?

Does it slow down my site?

Count Up for WPBakery Page Builder