Title: Counters Block – Animated Number Counters, Stats & Dynamic KPIs Author: bPlugins Published: 2021 年 11 月 16 日 Last modified: 2026 年 5 月 6 日 --- 搜尋外掛 ![](https://ps.w.org/counters-block/assets/banner-772x250.png?rev=3523946) ![](https://ps.w.org/counters-block/assets/icon-128x128.png?rev=3523946) # Counters Block – Animated Number Counters, Stats & Dynamic KPIs 由 [bPlugins](https://profiles.wordpress.org/bplugins/) 開發 [下載](https://downloads.wordpress.org/plugin/counters-block.2.0.7.zip) * [詳細資料](https://tw.wordpress.org/plugins/counters-block/#description) * [使用者評論](https://tw.wordpress.org/plugins/counters-block/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/counters-block/#installation) * [開發資訊](https://tw.wordpress.org/plugins/counters-block/#developers) [技術支援](https://wordpress.org/support/plugin/counters-block/) ## 外掛說明 **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**](https://bplugins.com/products/counters-block/) | [**Pricing**](https://bplugins.com/products/counters-block/pricing) | [**Support**](https://bplugins.com/support/) | [**Demos**](https://bblockswp.com/demo/counters-block-all/) ### 🚀 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](https://tw.wordpress.org/plugins/counters-block/support@bplugins.com?output_format=md) Support forum: https://wordpress.org/support/plugin/counters-block/ ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/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](https://wordpress.org/support/plugin/counters-block/) ## 使用者評論 ![](https://secure.gravatar.com/avatar/c9566b76f55305891d88e99e20a89bf5c129eb46b9c6ec95fcf7c424a114286d? s=60&d=retro&r=g) ### 󠀁[Attractive Display](https://wordpress.org/support/topic/attractive-display/)󠁿 [adrian33000](https://profiles.wordpress.org/adrian33000/) 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. ![](https://secure.gravatar.com/avatar/4c24ba2b7ec186ced55bfff26a1f99fb25c7ca4ed0b444cae852a43fab264284? s=60&d=retro&r=g) ### 󠀁[Best Plugin would be better if you make it to support decimal number](https://wordpress.org/support/topic/best-plugin-would-be-better-if-you-make-it-to-support-decimal-number/)󠁿 [janakkthapa](https://profiles.wordpress.org/janakkthapa/) 2025 年 3 月 4 日 My experience of using this plugin is fantastic. It would be much better if this plugin supports decimal number. Thank you. ![](https://secure.gravatar.com/avatar/87be955e4867557bc66ea403ee36fad21668628015abae71faaf9f0c24fcc655? s=60&d=retro&r=g) ### 󠀁[Very efficient and great support](https://wordpress.org/support/topic/very-efficient-and-great-support/)󠁿 [Fantou](https://profiles.wordpress.org/fantou/) 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 ! 🙂 ![](https://secure.gravatar.com/avatar/236fd909edb465d633ff6f89255233a321f9222f50f6cc0739f44da83398c500? s=60&d=retro&r=g) ### 󠀁[Simple and pure Gutenberg](https://wordpress.org/support/topic/simple-and-pure-gutenberg/)󠁿 [jcoonrod](https://profiles.wordpress.org/jcoonrod/) 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. ![](https://secure.gravatar.com/avatar/a44b6cc0afc2e40318ce0a82765978d2c508a08aa0b33af21a219b00ebcd7c8d? s=60&d=retro&r=g) ### 󠀁[Best Plugin](https://wordpress.org/support/topic/best-plugin-1359/)󠁿 [sanjeet111](https://profiles.wordpress.org/sanjeet111/) 2023 年 10 月 22 日 This is one of the best plugins in it’s category. Easy, fast and also free. ![](https://secure.gravatar.com/avatar/33826daf0ee9a4a4bc31951a18d24203cf4b3ec08da6544031786ef7c3b0c2e6? s=60&d=retro&r=g) ### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-10002/)󠁿 [alpeco](https://profiles.wordpress.org/alpeco/) 2023 年 8 月 12 日 Does exactly what you need, looks great and very fast and responsive support. [ 閱讀全部 7 則使用者評論 ](https://wordpress.org/support/plugin/counters-block/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Counters Block – Animated Number Counters, Stats & Dynamic KPIs〉的開發相關工作。 參與者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/) * [ Freemius ](https://profiles.wordpress.org/freemius/) [將〈Counters Block – Animated Number Counters, Stats & Dynamic KPIs〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/counters-block) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/counters-block/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/counters-block/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/counters-block/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/counters-block/)。 ## 變更記錄 #### 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. ## 中繼資料 * 版本 **2.0.7** * 最後更新 **9 小時前** * 啟用安裝數 **3,000+** * WordPress 版本需求 ** 6.5 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.1 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/counters-block/) * 標籤: * [Animated Counter](https://tw.wordpress.org/plugins/tags/animated-counter/)[block](https://tw.wordpress.org/plugins/tags/block/) [Counter](https://tw.wordpress.org/plugins/tags/counter/)[stats](https://tw.wordpress.org/plugins/tags/stats/) [woocommerce](https://tw.wordpress.org/plugins/tags/woocommerce/) * [進階檢視](https://tw.wordpress.org/plugins/counters-block/advanced/) ## 評分 5 星，滿分為 5 星 * [ 7 個 5 星使用者評論 ](https://wordpress.org/support/plugin/counters-block/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/counters-block/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/counters-block/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/counters-block/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/counters-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/counters-block/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/counters-block/reviews/) ## 參與者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/counters-block/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://www.buymeacoffee.com/abuhayat)