Samenvatting
Het nummer-element toont een getal op je pagina — handig voor cijfers die je wilt uitlichten, zoals "1.200 tevreden klanten" of "15 jaar ervaring". Je kunt er een teller op activeren: dan telt het getal met een animatie oplopend naar de ingestelde waarde. Zo trek je op een aantrekkelijke manier de aandacht naar je kerncijfers.
Hoe werkt het
Het nummer-element
Het nummer-element hoort bij de elementgroep Nummers. Je vindt kant-en-klare blokken met nummers (bijvoorbeeld een statistiekenblok) in de blokbibliotheek. Per nummer kun je:
- een getal invullen (de waarde die getoond wordt);
- een naam geven aan het nummer (Nummernaam), zodat je het makkelijk terugvindt;
- extra nummers toevoegen (Nummer toevoegen) of verwijderen (Nummer verwijderen).
De teller activeren
Selecteer het nummer-element en kies Teller activeren. Het getal telt dan met een animatie oplopend naar de ingestelde waarde. De animatie start zodra het element in beeld verschijnt tijdens het scrollen. Wil je de animatie uitzetten en het getal gewoon statisch tonen? Kies dan Teller deactiveren.
Wanneer gebruik je dit
- Je wilt kerncijfers of statistieken opvallend presenteren (klanten, projecten, jaren ervaring).
- Je wilt een blok met meerdere cijfers naast elkaar, elk met een eigen tellende animatie.
Welke rechten nodig
- Toegang tot de editor.
Waar klik je precies
- Plaats een blok met een nummer-element, of selecteer een bestaand nummer-element.
- Vul het getal in en geef het eventueel een Nummernaam.
- Wil je meer cijfers? Klik op Nummer toevoegen. Overbodige cijfers haal je weg met Nummer verwijderen.
- Kies Teller activeren voor de tel-animatie (of Teller deactiveren om het getal statisch te tonen).
- Bekijk het resultaat via de preview.
Praktijkvoorbeelden
Voorbeeld 1 — statistiekenblok. Op je homepage plaats je drie nummers naast elkaar: "1.200 klanten", "15 jaar ervaring" en "98% tevreden". Je zet bij alle drie Teller activeren aan, zodat de cijfers oplopend meetellen.
Voorbeeld 2 — één vast cijfer. Voor een prijsindicatie ("vanaf €499") wil je geen animatie. Je gebruikt het nummer-element maar laat de teller uit (Teller deactiveren), zodat het bedrag meteen leesbaar is.
Veelgemaakte fouten
- Het getal telt niet mee: controleer of je Teller activeren hebt aangezet; zonder teller staat het getal stil.
- Een tellend bedrag met valuta oogt rommelig: voor prijzen of vaste bedragen kun je de teller beter uitzetten.