Counters Block Premium extends the Counters Block for Gutenberg with more themes, animation controls, styling options, and selected WordPress and WooCommerce data sources. Use a static value for a fixed milestone or select a supported statistic. Displayed values and update behavior depend on the selected data source and the add-on’s implementation.

Use WordPress and WooCommerce statistics

WooCommerce sources include sales totals, orders, products, and customer statistics. WordPress sources include counts of posts, pages, comments, and registered users. Customer counting supports registered customers 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 controls include prefixes and suffixes, thousands separators using commas or spaces, and decimal values.

Choose a theme and layout

The complete theme set has 15 options: three free themes and 12 Premium themes. Theme 15 is an SVG-based Circular Progress Counter with controls for ring size, thickness, color, and line caps. Other styling controls cover typography, columns, spacing, backgrounds, borders, shadows, and hover effects. Adjust responsive layouts for desktop, tablet, and mobile.

Set animation and trigger behavior

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, when the page loads, on click or hover, or when a custom CSS selector is used. Global and per-counter controls set duration, delay, and stagger timing.

Build a statistics section

Use fixed values for milestones, or select supported website data for figures such as shop sales, orders, products, customers, posts, pages, comments, or registered users. Combine counters with various themes and animation settings for a business website, portfolio, blog, SaaS website, or WooCommerce store.

Add the block in Gutenberg

1. Install and activate Counters Block.
2. Open a page or post in the WordPress Block Editor and add Counters Block from the inserter.
3. Choose static values or a supported WordPress or WooCommerce data source.
4. Set the theme, number formatting, responsive layout, and animation options.
5. Publish the page or post.

Premium includes priority support from the development team.