Counters Block Premium

Counters Block Premium extends the Counters Block Gutenberg block with 12 Premium themes, more animation options, expanded styling, and selected WordPress and WooCommerce data sources. Set a fixed value for a milestone or select a supported statistic. The selected source and the add-on’s implementation determine the displayed value and update behavior.

Choose a supported statistic

WooCommerce sources include sales totals, orders, products, and customer statistics. WordPress sources include counts of posts, pages, comments, and registered users. Customer counting can include registered customers and guest checkout data according to the extension’s counting logic. WooCommerce High-Performance Order Storage (HPOS) is supported.

For supported dynamic sales data, formatting accounts for refunds and prevents negative values. Number options include prefixes and suffixes, thousands separators using commas or spaces, and decimal values.

Set the layout and appearance

There are 15 counter themes in total: 3 free themes and 12 Premium themes. The SVG-based Circular Progress Counter includes controls for ring size, thickness, line caps, and progress, track, and fill colors. Other styling controls include columns, spacing, typography, backgrounds, borders, and shadows. Responsive options let you adjust layouts for desktop, tablet, and mobile.

You can add custom icons from Font Awesome, Bootstrap, and Lucide. Each counter can have its own styling.

Choose animations and triggers

Animation styles include classic counting, rolling, bounce, fade, slide up, slide down, slide left, slide right, pulse, flip, and typewriter. Trigger an animation when a counter becomes visible, when the page loads, on click or hover, or through a custom CSS selector. Global and per-counter controls cover duration, delay, and stagger.

Add counters in Gutenberg

1. Install and activate the Counters Block plugin.
2. Open a page or post in the WordPress Block Editor and add the Counters Block.
3. Enter a static value or select a supported WordPress or WooCommerce data source.
4. Choose a theme and configure number formatting, styling, and animation settings.
5. Publish the page or post.

Premium includes priority support.