Gutenberg Counter Block Tutorial


Take complete control of your website’s data presentation with Gutenberg Counter Block by Premium Blocks. This remarkably flexible Gutenberg block delivers precision customization for every aspect of your counters. Go beyond simple numbers by embedding other Gutenberg blocks like text, images, icons, or even additional blocks directly within your counters. Create richer context, provide additional visual cues, and enhance the impact of your statistics.


To get this Gutenberg block on your WordPress website, make sure to install and activate the following plugin(s).

  • Premium Blocks for Gutenberg – The Free WordPress Plugin.
  • Recommended* Kemet Full-Site-Editing WordPress Theme.

How to Use Gutenberg Counter Block?

Insert the Premium Counter Block into your Gutenberg editor.

Gutenberg Counter Block Support Inner Blocks. You have the option to add more fields, including various types such as:

  • Icon
  • Digit
  • Text
  • Container
  • Lottie Animation
  • Image

If you want to preview more information from your visitors, you can easily add extra fields to the form. Just click on the “+” icon and pick the type of field you want to include.

Gutenberg Counter Block Container Settings
  • Background Type: Select the type of background for the container, such as solid, gradient, or image.
  • Box Shadow: Control to add and customize a shadow effect around the container.
  • Border: Settings to define the style of the container’s border, including options like solid, dotted, or dashed lines.
  • Border Radius: Adjustments for the radius of the container’s corners, allowing customization for each corner (top, right, bottom, left).
  • Padding: Control to set the space inside the container between its content and borders, configurable for each side and in units of pixels (PX), ems (EM), or percent (%).
Gutenberg Counter Block - Container Settings
Gutenberg Counter Block – Container Settings


Gutenberg Counter Block by Premium Blocks is an adaptable tool for any WordPress website owner who needs to showcase numbers, statistics, and milestones. Whether you’re highlighting customer satisfaction rates, growth over time, or key accomplishments, the Counter Block’s customizability, animations, and seamless block integration make it a powerful and user-friendly addition to your Gutenberg toolkit.

Need Further Help?

Have a question or need assistance? Our dedicated support team is here to help! Explore our contact options to ensure you get the support you need. We’re committed to making your Gutenberg website-building experience seamless and resolving any queries you may have.

About Leap13

Leap13 is a WordPress-focused web development firm specializing in building premium WordPress themes and plugins.

Copyright © 2024 | Built With ❤️ Using Kemet WordPress Theme and Premium Blocks