Counters Block Premium: Static or Dynamic Counters

Use Counters Block Premium to display a fixed milestone or a statistic from a supported WordPress or WooCommerce source. For a fixed figure, enter a static value. For site data, pick a source; the selected source and the extension’s implementation determine the displayed value and its update behavior.

Choose a supported site statistic

WooCommerce sources include sales totals, orders, products, and customer statistics. WordPress sources include counts of posts, pages, comments, and registered visitors. Customer counting can include guest checkout data according to the add-on’s counting logic. WooCommerce High-Performance Order Storage (HPOS) is supported. Formatting for supported dynamic sales data accounts for refunds and prevents negative values.

Set the counter’s appearance

There are 15 themes in total: 3 free themes and 12 Premium themes. The SVG-based Circular Progress Counter has controls for ring size, thickness, line caps, and progress, track, and fill colors. Responsive layouts support desktop, tablet, and mobile, with controls for columns, spacing, typography, backgrounds, borders, and shadows. You can style counters individually, add hover effects, and choose custom icons from Font Awesome, Bootstrap, or Lucide.

Choose animation and number formatting

Animation styles include classic counting, rolling, bounce, fade, slide up, slide down, slide left, slide right, pulse, flip, and typewriter. Trigger animations when a counter becomes visible or when the page loads; users can also start them with a click or hover, or you can use a custom CSS selector. Global and per-counter controls set duration, delay, and stagger.

Number options include custom prefixes and suffixes, thousands separators using commas or spaces, and decimal values.

Add counters in Gutenberg

1. Install and activate the Counters Block plugin.
2. Open a page or post in the Gutenberg editor and add Counters Block from the block inserter.
3. Select a static value, WordPress statistic, or WooCommerce statistic as needed.
4. Set the theme, number, styling, and animation options.
5. Publish the page or post.

Counters Block Premium includes priority support.