How to use a Counter widget?
BOWWE tutorials
Welcome to our collection of online lessons. We’ve created these to help you learn the best practices and get the most out of BOWWE. Come back here whenever you want!

How to use a Counter widget?

A counter widget is a powerful tool that can help you engage your website visitors, build social proof, and track progress towards your goals. With BOWWE, you can easily add and customize it in just a few clicks. Let’s get creative!

How can you showcase Counter on your website?

Present achievements

PRODUCTS SOLD

57815

Showcase work in numbers

625

PROJECTS

Display results

Planted trees

112

Tip

 If you're using a counter to track progress towards a goal or target, make sure it is accurate and updated regularly. Visitors may lose trust in your website if they see inaccurate information.

How to add and animate a Counter widget in BOWWE?

1
Open your project in BOWWE
2
Drag and drop Counter widget on your page
3

Go to Widget Settings and insert the Final value for your widget

4
In the Trigger section choose among available options for your animation
  • on enter: as visitors arrive on your webpage, elements will smoothly animate into view
  • on hover: when visitors hover their cursor over specific elements, they will trigger the start of the animation
  • on exit: the animation will be triggered while visitors navigate away from a webpage or scroll past certain sections
5

Adjust the animation settings

Animation duration: control the speed of your animations 

Animation delay:  stagger the animation trigger

Hide widget on start:  determine whether the element should be hidden when the animation begins

Play in loop: animations will seamlessly repeat

Trigger animation once: ensure that the animation plays just once

6

Select Widget Styles and style the appearance of the Counter

Tip

 If you're using a counter to track progress towards a goal or target, make sure it is accurate and updated regularly. Visitors may lose trust in your website if they see inaccurate information.
7

Add a text widget to create a label

8

Click SAVE to complete

Congratulations!

Now you know how to add Counter to your website