Counter block

Counter block

The Counter block shows a number that animates from zero to your target value, which works well for stats and milestones.

Counter block example

Main settings

  • Counter limit: the number the counter counts up to.
  • Duration: how long the count takes.
  • Prefix and postfix: text before or after the number, such as $ or +.
  • Typography and colors: font settings and colors for the number and for the prefix and postfix.
  • Alignment and spacing: block alignment and the gap between the number and its prefix or postfix.
Counter block settings

How to add it

  1. Open the page or post in the block editor and click the + (block inserter) button.
  2. Search for Counter and choose the Roobely Counter block.
  3. Set the counter limit and the duration.
  4. Add a prefix or postfix and style the number.
  5. Click Update or Publish, then preview the page to check it on desktop and mobile.
Shopping cart0
There are no products in the cart!
Continue shopping
0