Block Metrics – Animated State Counter

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:

1. Download the Block Metrics – Animated State Counter plugin (.zip file)
2. In your admin area, go to the Plugins menu and click on Add New
3. Click on Upload Plugin and choose the block-metrics-animated-state-counter.zip file and click on Install Now
4. Activate the plugin and Enjoy!

Installation via FTP:

1. Download and upload the Gutenberg Counter Block plugin to the /wp-content/plugins/ directory
2. 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:

1. 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.

2. 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

1. 

   Screenshot_1

2. 

   Screenshot_2

3. 

   Screenshot_3

4. 

   Screenshot_4

5. 

   Screenshot_5 6.Screenshot_6 7.Screenshot_7 8.Screenshot_8 9.Screenshot_9 10.Screenshot_10

6. 

   Layout_1

7. 

   Layout_2

8. 

   Layout_3

9. 

   Layout_4

10. 
11. 
12. 
13. 
14. 

1.0.0

• Initial Release