Number Counter Block for WordPress

Q: How do I add a number counter to my WordPress site?

<div class="pg4a09e931f0d3-accordion-header accordion-header "><span class="accordion-icon accordion-icon fas fa-angle-right"></span><span class="accordion-icon-toggle accordion-icon accordion-icon-toggle fas fa-angle-up"></span><div class="pg4a09e931f0d3-accordion-header-label accordion-header-label" >How do I add a number counter to my WordPress site?</div></div><div class="pg4a09e931f0d3-accordion-content accordion-content">nn<p>To display a number counter, you can use a <strong>plugin </strong>or <strong>block</strong>.<br><strong>Post Grid Combo</strong> is a popular plugin that has a block called <strong>Number Counter</strong>. This block can help you to display numbers on a web page with the ability to animate the counting process.</p>nn</div>

Q: How do I add icons to my Number Counter?

<div class="pg06349b94d8fa-accordion-header accordion-header "><span class="accordion-icon accordion-icon fas fa-angle-right"></span><span class="accordion-icon-toggle accordion-icon accordion-icon-toggle fas fa-angle-up"></span><div class="pg06349b94d8fa-accordion-header-label accordion-header-label" >How do I add icons to my Number Counter?</div></div><div class="pg06349b94d8fa-accordion-content accordion-content">nn<p>If you're using the "<strong>Number Counter</strong>" block by <strong>Post Grid Combo</strong>, look for the <strong>Icon </strong>option on the Block Setting option panel. Here, you can easily add an icon and customize position. Weu2019ve included three different icon libraries Font Awesome, IconFont, and Bootstrap Icons, to choose from.</p>nn</div>

Q: How to add Styles to the Number Counter?

<div class="pg314374a329d7-accordion-header accordion-header "><span class="accordion-icon accordion-icon fas fa-angle-right"></span><span class="accordion-icon-toggle accordion-icon accordion-icon-toggle fas fa-angle-up"></span><div class="pg314374a329d7-accordion-header-label accordion-header-label" >How to add Styles to the Number Counter?</div></div><div class="pg314374a329d7-accordion-content accordion-content">nn<p>Our "<strong>Number Counter</strong>" block offers Styles Component for styling purposes. This component is so advanced that you can customize CSS states like <strong>hover </strong>and add styles. We've included a maximum number of CSS properties on our Styles Component.</p>nn</div>

Best Number Counter Block Plugin for

WordPress

Create the Best WordPress Number Counter, Customize Number Counter Styles, Gutenberg Number Counter Block Plugin, Performance-Optimized Number Counter, and More.

Get Start Now

Live Demo

7000+Support Issue Solved

4.5 Star Rating

2,531,647+ Total Downloads

List Of Features

CSS library for each element
Custom prefix text
Custom postfix text
Custom duration setting
OnScroll event

Icon Position settings
Font Awesome icon support
Icon font support
Bootstrap Icons support
Styles Component for each element

Responsive support
Block Variations
Custom Wrapper Tag
Advanced CSS pseudo selector

Screenshots

Number Counter Block Preview - Post Grid Combo

Advanced Prefix and Postfix

Our advanced prefix and postfix options let you add custom text before and after each counter. This way, you can take advantage of creating flexible and user-friendly designs and content.

Custom Prefix

Custom Postfix

Custom Counter

Custom counter is a great way to add some personality and flair to your website. From the Number Count option panel, you can customize the start and end values. Also, it’s possible to set a duration time for animation.

Custom Wrapper Tag

Sometimes, it’s essential to customize the wrapper tag to match the design or from an SEO perspective. We have included h1 to h6, Span, Div, and P tag that you can choose from.

Custom Class

Custom classes are important to make your HTML design more modular, reusable, and maintainable. We’ve the option to put custom classes on our Number Counter Gutenberg block.

Advance Icon Option

So far, we’ve included three different icon libraries Font Awesome, IconFont, and Bootstrap Icons, to choose from. Also, there is an option called ‘Icon Position‘ to change the position of icons.

Documentation

All Documentation

Frequently Asked Questions

How do I add a number counter to my WordPress site?

To display a number counter, you can use a plugin or block.
Post Grid Combo is a popular plugin that has a block called Number Counter. This block can help you to display numbers on a web page with the ability to animate the counting process.

How do I add icons to my Number Counter?

If you’re using the “Number Counter” block by Post Grid Combo, look for the Icon option on the Block Setting option panel. Here, you can easily add an icon and customize position. We’ve included three different icon libraries Font Awesome, IconFont, and Bootstrap Icons, to choose from.

How to add Styles to the Number Counter?

Our “Number Counter” block offers Styles Component for styling purposes. This component is so advanced that you can customize CSS states like hover and add styles. We’ve included a maximum number of CSS properties on our Styles Component.