Block Metrics – Animated State Counter vs Counters Block – Animated Number Counters, Stats & Dynamic KPIs

The Animated Counter Block is a dynamic and visually engaging block designed for showcasing numerical data with animation. Ideal for highlighting statistics, metrics, or any numerical value, this block allows for smooth transitions and eye-catching animations that draw attention to key figures on your website. Video Guide How to Use Gutenberg Counter Block Download & Upload: Download the Block Metrics – Animated State Counter plugin (.zip file) In your admin area, go to the Plugins menu and click on Add New Click on Upload Plugin and choose the block-metrics-animated-state-counter.zip file and click on Install Now Activate the plugin and Enjoy! Installation via FTP: Download and upload the Gutenberg Counter Block plugin to the /wp-content/plugins/ directory Activate the plugin through the Plugins menu in WordPress Features Icon & Image: Choose and upload an icon or image from your WordPress media library. Prefix & Suffix: Add customizable prefixes and suffixes around the count number for added context or style. Varied Layouts: The counter block offers multiple layout options, allowing you to easily switch between different designs and customize them to suit your needs. Counters Duration: Specify the duration of the counter to control how quickly or slowly the numbers transition. Styling Options: Tailor the appearance of the counter with flexible styling options, including font size, color, and alignment and more. Animation style: Choose from a variety of animation styles to make your counter stand out and engage visitors. Responsive Design: The counter displays perfectly across all devices and screen sizes. Easy Integration: Seamlessly integrates into your Gutenberg editor, allowing for quick and efficient content updates. Use of 3rd party services This plugin uses the following third-party services and libraries: Google Fonts API Description: Google Fonts provides web-safe fonts for web projects. Purpose: Used to enhance typography styles in the counter block. Link: Google Fonts Documentation Licensing: Google Fonts are open-source and licensed under the SIL Open Font License, 1.1. Google Sheets API Description: This plugin integrates with the Google Sheets API to store form submissions directly into a Google Sheet. Purpose: Used to store the plugin deactivation reasons Link: Google Sheets API Documentation Privacy Notice: By using this feature, you may be subject to Google’s Terms of Service and Privacy Policy. Requirements Gutenberg block Editor WordPress (Ofcourse!) Feedback Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us

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 Install and activate the Counters Block plugin. Open any Page or Post in the Gutenberg editor. Add Counters Block from the block inserter. (Optional) Select a Data Source (Static, WP Core, or WooCommerce). Customize themes, colors, and animations from the settings panel. 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.