WordPress.org

Plugin Directory

Counters Block – Animated Number Counters, Stats & Dynamic KPIs

Counters Block – Animated Number Counters, Stats & Dynamic KPIs

外掛說明

Counters Block is the ultimate Gutenberg tool for displaying statistics, milestones, and achievements with professional animated number counters.

Whether you’re building a business landing page, a portfolio, or a high-converting dashboard, this block helps you showcase social proof and key metrics in a way that captures attention and builds trust.

Counters Block | Pricing | Support | Demos

🚀 NEW: Dynamic Data Integration (Premium)

Stop manual updates! Counters Block can now automatically fetch and display live data from your site:

  • WooCommerce Stats: Display total Sales, Order Count, Product Count, and Total Customers (Registered + Guests).
  • WordPress Core Stats: Automatically show total Posts, Pages, Comments, and User counts.
  • HPOS Ready: Fully compatible with WooCommerce High-Performance Order Storage.

🎨 Stunning Designs & Animations

With 16 modern counter layouts (including the new Circular Progress Counter), powerful animation triggers, and full responsive controls, you have complete creative freedom without touching a single line of code.

💡 Perfect For:

  • E-commerce: Live sales counters & happy customer stats.
  • Agency/Business: Project milestones & team achievements.
  • Blogs/Portfolios: Published post/page counts & subscriber stats.
  • SaaS/Dashboards: Real-time KPI tracking & performance metrics.

Features

📊 Dynamic Data Sources (Premium)

  • WooCommerce Stats: Total Sales, Total Orders, Total Products, and Total Customers.
  • Smart Customer Counting: Includes both registered users and guest checkouts.
  • WordPress Stats: Total Posts, Total Pages, Total Comments, and Total Users.
  • Auto-Sync: Data stays fresh and updates automatically.

🎨 Themes & Layouts

  • 16 ready-made counter themes (13 premium + 3 free)
  • NEW: Circular Progress Counter (Theme 15)
  • Multiple modern layouts with one-click theme switching
  • Fully responsive grid-based layout (Desktop, Tablet, Mobile)
  • Custom column and row gap control

✨ Advanced Number Animations

  • Classic, Rolling, Bounce, Fade, and Slide (Up/Down/Left/Right)
  • Pulse, Flip, and Typewriter animations
  • Animation Triggers: On Visible, On Page Load, On Click, On Hover, or Custom CSS Selector.
  • Global & Per-Counter duration, delay, and stagger controls.

🔢 Number Formatting

  • Custom Prefix & Suffix support.
  • Thousands separator support (Comma & Space).
  • Decimal number support with smooth transitions.
  • Smart Sales Formatting: Automatically handles refunds and prevents negative values.

🖼️ Icon & Typography

  • Custom icon support (Font Awesome, Bootstrap, Lucide).
  • Responsive typography for numbers, labels, and sub-labels.
  • Per-counter styling: Backgrounds, borders, shadows, and hover effects.

Free vs Premium

Free Version

  • Unlimited static counters.
  • 3 professional counter themes.
  • Fully responsive grid layout.
  • Classic animations & icon support.
  • Basic typography controls.

Premium Version

  • Live Dynamic Data: WooCommerce & WP Core stats integration.
  • 13 Premium Themes: Including the Circular Progress Counter.
  • Advanced Animations: Rolling, Bounce, Flip, Typewriter, and more.
  • Smart Formatting: Auto-handling of sales/refunds & guest counting.
  • Priority Support: Direct help from our development team.

How to Use

  1. Install and activate the Counters Block plugin.
  2. Open any Page or Post in the Gutenberg editor.
  3. Add Counters Block from the block inserter.
  4. (Optional) Select a Data Source (Static, WP Core, or WooCommerce).
  5. Customize themes, colors, and animations from the settings panel.
  6. Publish and watch your stats come to life! 🚀

Feedback & Support

Found a bug or have a feature request? We’d love to hear from you!
📧 Send feedback

Support forum:
https://wordpress.org/support/plugin/counters-block/

Check out the Parent Plugin of this plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Check out our other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

螢幕擷圖

  • Dynamic Data Sources
  • Default Counters
  • Theme 1
  • Theme 2
  • Theme 3
  • Theme 4
  • Theme 5
  • Theme 6
  • Theme 7
  • Theme 8
  • Theme 9
  • Theme 10
  • Theme 11
  • Theme 12
  • Theme 13
  • Theme 14
  • Theme 15
  • All Themes

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Counters Display Number as animated counter.

安裝方式

From Gutenberg Editor:

  1. Go to the WordPress Block Editor.
  2. Search For Counters Block.
  3. Click to add and start customizing.

Download & Upload:

  1. Download the plugin .zip file.
  2. Go to Plugins > Add New > Upload Plugin.
  3. Choose the file and click Install Now.
  4. Activate and Enjoy!

Manually:

  1. Download and upload the Counters Block plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

常見問題集

Is Counters Block free?

Yes! The core plugin is free. Premium features like Dynamic WooCommerce/WP stats and advanced themes require a license.

Does it support WooCommerce HPOS?

Yes, version 2.1.0+ is fully compatible with High-Performance Order Storage.

Can it count guest customers?

Yes! Our smart customer counter includes both registered users and guest shoppers.

Where can I get support?

You can post your questions on the support forum here

使用者評論

2025 年 11 月 5 日
Adds some zip to what can be an otherwise boring number display when you don’t want it linked to anything and just need to show some numbers in a counter.
2024 年 5 月 7 日
I’m using this plugin since a couple of days and it works perfectly ! EVen in free version, there is already a lot of options. And “cherry on the cake” : I asked for a new option in the plugin and the suppport added it just after ! What else ? 😉 Thanks for your great plugin and your kindness ! 🙂
2024 年 2 月 1 日
I tried some others that were actually short-code based, not true Gutenberg blocks. This one is, and is amazingly simple and intuitive to use. I love it that bblock free blocks are so lightweight and don’t commit you to a whole collection that you don’t actually need.
2023 年 10 月 22 日
This is one of the best plugins in it’s category. Easy, fast and also free.
2023 年 8 月 12 日
Does exactly what you need, looks great and very fast and responsive support.
閱讀全部 7 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Counters Block – Animated Number Counters, Stats & Dynamic KPIs〉的開發相關工作。

參與者

變更記錄

2.0.7 – 28 April 2026

  • New Features: Added Data Source system with multiple options (Static values, WP Core Stats, WooCommerce Stats).
  • WP Core Stats: Support for Posts, Comments, and Users (now including Pages).
  • WooCommerce Stats: Support for Sales, Orders, Products, and Customers (including Guest users).
  • HPOS Ready: Fully compatible with WooCommerce High-Performance Order Storage.
  • Dynamic Data: Introduced automatic real-time data fetching from the database.

2.0.6 – 7 April 2026

  • Fix: Resolved license activation check issue by improving class existence validation.
  • Update: Improved Inspector Controls for a more intuitive and user-friendly experience.

2.0.5 – 16 Feb 2026

  • Update: Redesigned and modernized admin dashboard interface.

2.0.4 – 16 Feb 2026

  • Fixed issues in editor-only Theme Switcher UI.
  • Improved Popover-based theme switching stability.
  • No frontend changes (editor-only fix).

2.0.3 – 7 Feb 2026

  • Enhanced the Theme Switcher UI for the Counter block (editor-only).
  • Theme selector now opens in a Popover for a cleaner experience.
  • Popover automatically closes when clicking outside.
  • Improved theme selection interaction and visual feedback.
  • No changes to frontend output.

2.0.2 – 5 Feb 2026

  • Added Theme 15: Circular Progress Counter.
  • SVG-based animated circular progress ring.
  • Added controls for circle size, ring thickness, and line caps.
  • Added progress, track, and fill color customization.
  • Improved layout settings placement for faster theme switching.

2.0.1 – Minor Release

  • Ensured responsive column settings (Desktop / Tablet / Mobile) now apply correctly across the block.
  • No breaking changes — existing blocks continue to work as expected.

2.0.0 – Major Release

  • Added 15 counter themes (12 premium + 3 free)
  • Multiple new animation types and triggers
  • Advanced animation controls & easing options
  • Per-counter styling (background, shadow, sizing)
  • Improved Gutenberg editor experience
  • Performance and rendering optimizations

1.1.4 – 4 Nov 2025

  • Fix Issues
  • Update Icon Library v7.1.0

1.1.3 – 17 Feb 2024

  • Improve security

1.1.2 – 3 Oct 2024

  • Fix pattern issue

1.1.1 – 6 May 2024

  • Add separators in the number.
  • Update icon library

1.1.0

  • Fix script not loaded

1.0.9

  • Counter starts when visible

1.0.8

  • Reduce asset loads

1.0.7

  • Add translate feature

1.0.6

  • Fix HTML Render

1.0.5

  • Reduce PHP Code
  • Performance Improvement

1.0.4

  • Reduce PHP Code
  • Typography fix

1.0.2

  • Performance upgrade

1.0.1

  • Fix text-align
  • Performance Upgrade

1.0.0

  • Initial Release.