Number Counter

Number Counter

Welcome to the “Number Counter” documentation. Looking to integrate a number counter into your website? Our widget is a perfect solution for showcasing the statistical values of your achievements. In this guide, we'll show you how to use the editor to customize your number counter widget.

Step 1 : Open the Editor
Step2 : Customize The Content
Step 3 : Configure Settings
Step 4 : Choose Colors 
Step  5: Preview
       



Step 1 : Open the Editor
1. Go to Number Counter templates.
2. Click on "Edit" after choosing your template.





Step 2: customize the content

In this panel, you can easily add, remove, or rearrange counters as needed.




2. Customize each counter by specifying starting and ending numbers, adding a prefix, suffix, and caption, selecting media and its type (icon, custom image, or none). Additionally, you have the option to include a link.





Step 3: Configure settings

Here, you'll handle the counters settings:

1. In the "View" section, you can decide if you want to show the header and the footer, adjust the width and the gap between counters, select the number of grids per line, and even customize the border and the overlay.





2. Customize counter styles by adjusting their width, roundness, and content positioning. You can also incorporate background and hover effects.
Furthermore, you can specify the size of the numbers, their duration, and select your preferred number format.




3. You can also manage media size, roundness, position, and choose to have a background or not.





4. For the caption, decide whether to display it and adjust its size.




 

Step 4: Choose Colors

1. Within this panel, you can select colors that match your website's design.






Step 5: Preview

Lastly, you can click on “Preview” to see how your number counter widget looks on both desktop and mobile devices. After this, you can proceed to the next step.



Related Articles:
Table Of Content Number Counter