Every business has a handful of numbers it is proud of. Workspaces created, dishes on the menu, hours of coaching delivered, minutes of uptime. Most sites bury them in a sentence, where a number reads as one more word.
A counter pulls the number out of the sentence and gives it a moment of its own. It sits big on the page, and it counts up to its value so the eye lands on it.
The Elementor advanced counter does that, with a prefix and a suffix, an icon or an image, a label, and numerals in the language your readers use. It is part of Sky Addons Pro.
| A number in a sentence | An Elementor advanced counter |
|---|---|
| Reads as one more word | Big, alone and impossible to miss |
| Static | Counts up from a start value to your figure |
| Plain digits | A prefix, a suffix, decimals and grouping |
| Text only | An icon or an image beside it |
| Western digits only | Numerals in the language of your readers |
A number that arrives. Set a start value and an end value, and the counter runs between them. You choose how long it takes, and whether it eases in and out or runs at a steady pace.
Formatting that fits the figure. Add a prefix such as a currency symbol, or a suffix such as a plus sign, an M for millions or ms for milliseconds. Set the decimal places and the decimal symbol, and turn thousands grouping on with the separator you prefer.
Any numerals. A numerals box lets you substitute the ten digits, so the counter shows the numerals your readers actually use. For a site with an audience that reads Arabic, Bengali or Devanagari digits, that is the difference between a counter that feels native and one that looks imported. The MDN reference for number formatting shows how many numbering systems exist.
Icon, image or neither. Put an icon or an image beside the number, at the left, top or right, and align it to the top, centre or bottom. Size, rotation, offset, background, border and shadow are all adjustable, with a hover animation if you want one.
A title and a divider. A label under the number says what is being counted, with its own heading tag, and an optional divider line separates the two. Number, title and divider each have their own typography and colour.
As many counters as the row needs. Each counter is its own widget, so a row of four is four independent cards. Style one, duplicate it three times and change the numbers. For a live figure the visitor supplies, the Elementor calculator is the matching widget.
Use numbers you can prove. A counter makes a figure feel important, so it makes a wrong figure feel wrong.
A number is easier to believe when it is easy to see. Setting a figure large, alone and with a label turns it from a claim into a fact, and the count makes the eye follow it to the end. The result is a quiet trust signal that costs a row of cards and no extra copy.
Motion draws attention, so use it with care. Keep the duration short, and remember that some visitors prefer less movement. The MDN guide to reduced motion explains why that preference exists.
No. The advanced counter widget is part of Sky Addons Pro.
Yes. A prefix and a suffix are built in, alongside decimal places, a decimal symbol and thousands grouping.
Yes. You type the ten digits you want into the numerals box, and the counter displays them.
No. The counter is a single widget in Sky Addons Pro and needs nothing else.
Yes. The cards resize to their container, and the icon position and alignment can be set for the layout you want.
The Elementor advanced counter gives your best numbers a moment of their own. They count up, carry the right unit, sit beside an icon and can use the numerals your readers know. It is the simplest way to turn a claim in a sentence into a figure people believe.
The Advanced Counter demo runs fifty counters on one page, in light, dark and bold styles. Every control is listed in the Advanced Counter documentation.
For a story told across dated steps, the Elementor timeline pairs well with a counter row.
The advanced counter is included in Sky Addons Pro, and the free versus Pro page shows where the line falls.
Comments are closed.