Showcasing Key Stats with the Number Counter Widget
The Number Counter widget animates numbers counting up, which is a lively way to present figures like clients served, revenue milestones or years in business.
Add the Widget
- Go to Sites > Funnels or Sites > Websites and click Edit on the page.
- Open Add Element, find Number Counter, and drag it where you want the stats.
Configure Each Counter
Use Add Counter for more metrics, and the trash icon to remove one. For each counter set:
- Caption, such as "Projects Delivered".
- Image: an optional PNG, JPEG or SVG icon with a size slider.
- Start Value and End Value. Decimals are allowed.
- Prefix and Suffix, like $, %, + or your own text.
Large values are shortened automatically, so 2,500,000 appears as 2.5M.
Style the Layout
Under Counter Layout, choose columns (1 to 5), the gap between counters, icon size and animation duration (1 to 15 seconds). Pick colors for the number, caption, background and container, and add borders or shadows. Style choices apply to all counters in the widget together, not individually. Columns and gaps adapt to phones and tablets.
Behavior Notes
- Counting starts when the widget scrolls into view, and runs once per page load.
- Click Preview Animation in the settings panel to replay it while editing.
- Keep a single widget to about 20 counters or fewer to avoid sluggish animation on slower devices.
Good to know: Round-number stats such as "10,000+" count up more convincingly than precise ones, and a "+" suffix keeps them honest as they grow.
Was this article helpful?
