To view live demonstrations of count up block, kindly visit on the provided link. Count Up Demo
Count up refers to a visual technique where numbers incrementally increase from a starting value to an ending value, often animated to highlight statistics or achievements on websites and digital platforms.
How to add the Count Up block? #
So, to add the count up block into your website just go to WordPress dashboard menu → Posts →Add New.
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2022/08/08145441/image.png)
Note: Select the post or pages ( Or Any post type) where you want to add count up block.
Now, find it with the name in the search option and click on it.
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01083315/screenshot-testing_local-2024_07_01-14_16_57.png)
Options #
To edit the count up, you have options in the right sidebar that include:
- Setting
- Styles
Let’s see each tab one by one.
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01083946/screenshot-testing_local-2024_07_01-14_24_03.png)
Setting Tab #
You have input sections and you have choice to display it or not, then you have prefix text, suffix text, start number, end number and time inside input sections.
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01084654/screenshot-testing_local-2024_07_01-14_31_34.png)
Style Tab #
In the style tab, you can see Typography, Prefix Style, Counter Style, Suffix Style and Dimensions.
Typography #
In typography, you can set font family, font weight, and letter case.
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01085252/screenshot-testing_local-2024_07_01-14_37_16.png)
Prefix Style #
In prefix style, you can set prefix color and it’s font size.
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01085641/screenshot-testing_local-2024_07_01-14_41_07.png)
These same options are available in next two Counter style and Suffix style to edit.
Counter Style #
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01085933/screenshot-testing_local-2024_07_01-14_43_38.png)
Suffix Style #
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01085947/screenshot-testing_local-2024_07_01-14_43_58.png)
Dimensions #
In Dimensions, you can add space before counter and after counter for more readability and you will also get a dropdown to move prefix to top, bottom or inline and same goes to suffix as well.
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/10060023/screenshot-testing_local-2024_07_10-11_44_55.png)
When you’re satisfied with your count up block, click “Publish”. Simply repeat the same procedure to add more count up blocks into your posts or pages.
Output After editing: #
![](https://gutenify-com.s3.amazonaws.com/wp-content/uploads/2024/07/01105550/screenshot-testing_local-2024_07_01-16_40_27.png)