Counters Block Premium: Static or Dynamic Counters

Counters Block Premium extends the Counters Block Gutenberg block with more themes, animation controls, styling settings, and data sources. Start with a fixed value for a milestone or select a supported WordPress or WooCommerce statistic. The selected source determines the statistic; displayed values and update behavior depend on that source and the add-on's implementation.

Choose a data source

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 clients and guest checkout data according to the plugin'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 custom prefixes and suffixes, thousands separators using commas or spaces, and decimal values. Custom icons are available from Font Awesome, Bootstrap, and Lucide.

Set the counter's appearance

The block has 15 themes overall, including 12 Premium themes. Theme 15 is the SVG-based Circular Progress Counter, with controls for ring size, thickness, line caps, and progress, track, and fill colors. Other styling options include typography, columns, spacing, backgrounds, borders, shadows, and hover effects. Responsive controls let you adjust layouts for desktop, tablet, and mobile.

Configure animation and triggers

Animation styles include classic counting, rolling, bounce, fade, slide up, slide down, slide left, slide right, pulse, flip, and typewriter. Start an animation when the counter becomes visible or the page loads, or use a visitor click, hover, or custom CSS selector as the trigger. Global and per-counter options control duration, delay, stagger, and easing.

For example, a store page can use WooCommerce data for order or product counts, while a content page can use WordPress post or comment counts. Static values fit fixed milestones. Choose the source and configure its show for the figure you want to display.

Add the block to a page

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.

Premium also includes priority support.