No results found. Try again with different words?

Search must be at least 3 characters.

Counter Block

We have brought up this article about how you can easily create a counter using Spectra.

Many websites on the internet sell the same product or service as yours. To make your website distinguishable, a counter block adds a cheery as it directly tells your new customer about the satisfactory service experienced by your past customers.

This article lets you know how you can easily create a counter section. But before that, let’s see what a counter is and why we use them.

What Is a Counter on a Website?

A counter is usually at the end of the website page that your new users about the credibility of your business. When a user sees a counter, it helps decide whether to use your product/ service or not.

How to add a Counter Block using Spectra?

To insert the Counter block, click the Toggle block inserter + icon and search for the Counter block.

General Settings

Counter block animates a number up to a particular value and has visual elements like a progress bar. Under the General Settings tab, you can set the:

  • Layout to Number/ Circle/ Bar.
  • Starting and ending numbers.
  • Animation Duration.
  • Enable the Image/ Icon
Counter Block

Style Options

  • Under the style tab, you can see the typography, color, and margin options for Numbers and Headline.
  • You can set the Circle size, stroke size, and Progress Color.
  • You can set the Image/ Icon color when it is normal and hovered.
  • Also, you can set the Border around the icon or image.
Counter Block

Was this article helpful?

Did not find a solution? We are here to help you succeed.

Related Docs
Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.