Online Store

Counters block

The Counters block helps you highlight the important numbers of your company in the form of a number counter. With this block, you can display statistics and any other numeric information on your website and showcase successful deals, history in numbers, and notable results. It can be useful for everyone: designers, writers, chefs, photographers, and businessmen.

Adding the Counters block 

Here’s how you add a Counters block:

  1. Choose a location where you want to add your Counters block and click the Add a block (+) Plus button.
  2. In the Block library, choose Counters from the list to see the pre-designed layout for this block type.  
  3. Click the pre-designed layout you like to add it to your page.


Customizing block settings

You can customize the Counters block with the help of its control pane.  To activate it, click the block and then click the Block settings icon.


The Block settings menu will appear. It consists of two tabs: the Layout tab and the Appearance tab.

In the Layout tab, you can switch the block layout and choose which elements should be displayed in the block. To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to the element’s name.


In the Appearance tab, you can make the following changes:

  • Block style: Change the color scheme of the block.
  • Block spacing: Adjust the whitespaces at the top and the bottom of the block.

Once you are done customizing block settings, click Save.

Read about block customization options in detail in our Block settings article.  

Customizing Counters block elements

You can duplicate some of the block’s elements to create space for more counters. Hover over the element you want to duplicate and click the Duplicate icon. The identical element will appear to the right of the original element.


Note: The design of the block will adapt automatically to preserve the look and feel of your website.

Read more about moving the elements in the block and deleting them in our Customizing block elements tutorial.

To learn more about how to customize buttons, read this article.

Other helpful articles: 

Note: You can reverse any action by clicking Undo or pressing Ctrl+Z (Command+Z on Mac) on your keyboard.

Once you have completed customizing your block, click Publish to make changes live.

We hope you find this article helpful. If you have any questions left, please contact our Support Team

Ready to use your new knowledge? – Edit your site!

Was this article helpful?
0 out of 0 found this helpful