Lifetime Subscription – more than 50% discount

Offer Ends in:

Buy Premium



Count Up

Table of Contents

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.

Note: Select the post or pages ( Or Any post type) where you want to add count up block.

Inside the block editor, click the “+” (Add Block) icon.

click on add block icon

In the search field, type Count up. When this block appears in the results, select to insert this into your content. 

When you add this count up it will bydefault reach to 1000 counts.

Editing Counter Values #

To customize the counter:

Navigate to the Content tab. Set the following:

content tab

Start Number – The value where the counter begins

End Number – The final value the counter will reach

Speed (in seconds) – Duration of the animation

Behavior:

When the page loads, the counter starts from 0 and gradually increases until it reaches the defined end number within the specified time (e.g., 3 seconds).

Number Formatting Options #

You can enhance the appearance of the counter using the following settings:

prefix and suffix

Separator #

Choose how numbers are visually separated. Options include:

  • Comma (recommended for readability, e.g., 1,000)
  • Dot
  • Space

Decimal #

Define the symbol used for decimal values.

Prefix and Suffix #

These options help provide additional context to the displayed number.

Prefix #

Adds text or symbols before the number.
Examples:

  • $1000
  • +500

Suffix #

Adds text after the number.
Examples:

  • 1000+
  • 500K
  • 20%
  • 10 Years

Use Case:
Suffixes are useful for displaying units, percentages, or indicators that make the data more meaningful.

Style Tab #

In the style tab, you can change the text color, font & its size, appearence and line height.

count up

    Furthermore you can add letter spacing, decoration, and letter case.

    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. 

    Here’s the final output:

     If you need any help or run into any issues feel free to reach out to Gutenify’s support team.  

    What are your Feelings