Skip to main content

Counter

An animated number that counts up when it scrolls into view — for stats, milestones and results.

The block renders through the counter element — the same PHP that runs in the page builder, so the front end is identical either way.

What the sidebar exposes

OptionWhat it does
numberThe value to count up to
startThe value the count begins at
prefixText before the number, e.g. $
suffixText after the number, e.g. + or %
decimalsDigits after the decimal point
separatorInsert thousands separators
durationAnimation length in milliseconds
easingCount-up easing curve
alignmentHorizontal alignment
number_fontTypography for the number
number_colorNumber colour

Anything not listed stays available in the page builder, and round-trips untouched — the block only writes the values you change, so an element styled in the builder keeps every setting this sidebar does not show.

The preview shows the final number, not the animation

The canvas preview is deliberately static and shows the target value. Replaying the count-up would reset it to the start value every time the editor scrolled the block into view, which reads as the preview flickering while you work. Visitors see the animation.