hallowebsite Number & Text Animator

Overview

hallowebsite Number & Text Animator animates key figures and words as soon as they scroll into view. Numbers count up smoothly to their target value, keeping your thousands and decimal separators. Text resolves through randomised letters, like a decoder effect. You can add a prefix, a suffix and a label around the value, and choose the HTML tag, e.g. h2 for SEO-relevant figures. It's all done with one shortcode, with no dependencies.

Features

• Effects: count (numbers), scramble (text) or auto (detected automatically).
• Number formats like 2.029 or 7,36 are preserved.
• Prefix and suffix, e.g. +, %, Mrd. €.
• An optional label in 8 positions around the value, with fine-tuning offsets.
• Custom HTML tags for the value and the wrapper.
• Starts once when visible (IntersectionObserver, 10 % threshold).
• Your own classes on the wrapper, item, value and label.
• Old shortcodes [value_number] and [zahl_animator] still work.

Examples

[animator value="85" label="Standorte"]
[animator value="7,36" suffix=" Mrd. €"]
[animator value="2.029" effect="count"]
[animator value="HALLO"]
[animator value="Förderungen" duration="1600"]
[animator value="HALLO" effect="scramble" scramble_speed="45"]
[animator value="85" tag="h2"]

Attributes

Attribute	Default	Description
value	–	Target number or text.
effect	auto	auto, count, scramble, none.
duration	1400	Animation length in ms.
scramble_speed	45	Speed of the letter changes in ms.
prefix / suffix	–	Text before/after the value.
label	–	Additional label.
label_position	right	top, right, bottom, left, right-top, right-bottom, left-top, left-bottom.
label_vertical_align, label_top/right/bottom	–	Fine positioning of the label.
align, value_position	left	Alignment of the item and the value.
tag / wrapper_tag	span / div	HTML tags for the value and the wrapper.
class, item_class, value_class, label_class	–	Your own CSS classes.

Notes

• The full reference with live examples is under Settings → HW Animator.
• Without JavaScript, the final value is shown.

Changed:
- Rebranding: neuer Name „hallowebsite Number & Text Animator“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/number-text-animator/
- Keine funktionalen Änderungen.