Counters Block Premium adds themes, animation controls, and data sources to the Counters Block Gutenberg block. Enter a fixed number for a milestone, or select a supported source to show a WordPress or WooCommerce statistic. The displayed value and update behavior depend on the selected source and the extension’s implementation.

Choosing a data source lets counters reflect site statistics

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

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

More themes give counters different layouts

The plugin includes 15 themes: three free themes and 12 Premium themes. Theme 15 is an SVG-based Circular Progress Counter with controls for ring size, thickness, and color. Other styling settings include backgrounds, borders, shadows, and hover effects. Responsive controls let you adjust layouts for desktop, tablet, and mobile.

Animation triggers control when counters move

Animation styles include classic counting, rolling, bounce, fade, slide up, slide down, slide left, slide right, pulse, flip, and typewriter. Start an animation when a counter becomes visible or when the page loads; visitors can also trigger it by clicking or hovering. A custom CSS selector is another trigger option. Global and per-counter options control duration, delay, and stagger.

Choose a setup for milestones, store totals, or site activity

Use fixed values for milestones. For store figures, choose a supported WooCommerce source for sales, orders, products, or customers. For publishing and engagement figures, choose a WordPress source for posts, pages, comments, or users. Combine counters with different themes and timing settings to build a statistics section.

Add and configure the block in Gutenberg

1. Install and activate the Counters Block plugin.
2. Open a page or post in the Gutenberg editor.
3. Add Counters Block from the block inserter.
4. Select Static, WP Core, or WooCommerce as the data source when needed.
5. Customize the theme, values, styling, and animation settings.
6. Publish the page or post.

Counters Block Premium includes priority support with direct help from the development team.