Geanimeerde tellers

Aan de slag met de teller!

Soms wil je bezoekers van je site in één oogopslag laten zien hoeveel tevreden collega’s je hebt, of hoeveel auto’s er in je ruime voorraad staan. Je kunt dit natuurlijk simpelweg als cijfer tonen, maar met ons Teller-blok trek je daar nog extra de aandacht naartoe. En uiteraard zijn er nog veel meer creatieve toepassingen mogelijk dan deze twee voorbeelden.

Waarom de teller?

Voordat je dit element toevoegt aan je pagina, is het goed om eerst te bepalen wat het doel van de teller is. De animatie die door de teller wordt gegenereerd, trekt namelijk meer aandacht van je bezoeker dan een ‘stilstaand’ getal. Soms wil je ook tekens vóór of achter het getal plaatsen, zoals een euroteken of een plus/min-teken. Dat is natuurlijk mogelijk.

De teller plaatsen

Voeg op je pagina het blok Teller toe. Gebruik het zwevende menu boven het blok om de uitlijning te bepalen. Stel vervolgens de eigenschappen in via de zijbalk aan de rechterkant.

Vul je getallen in

Voer zowel het startgetal als het eindgetal in. Gaat het om een prijs? Vink dan de optie ‘Getal is een prijs’ aan. Er wordt dan automatisch een euroteken en een ,- toegevoegd.

Notatie, prefix en suffix

Is je website internationaal gericht? Pas dan de getalnotatie aan. Standaard staat deze op Nederlandse notatie, maar je kunt eenvoudig wisselen naar een andere stijl. Je kunt ook aangeven of er een scheidingsteken moet worden getoond bij duizendtallen.

Wil je extra tekens vóór of achter het getal tonen? Gebruik dan de velden prefix (voor het getal) en suffix (achter het getal).

Animeren

Het getal wordt geanimeerd van het start- naar het eindgetal. Je bepaalt zelf de duur van de animatie. Wil je geen op- of aftelling, maar een losse animatie van elk cijfer? Kies dan voor een alternatief animatietype.

In het voorbeeld onderaan deze pagina zie je dat je de 1000ste bezoeker bent. Een leuke manier om cijfers opvallend in te zetten. En dat is slechts één van de vele mogelijkheden. Heb je grote acties of campagnes? Denk dan eens aan deze toepassingen:

• Voordeelprijs: Laat het voordeelbedrag opvallen met een dynamische optelanime. Dat trekt veel meer aandacht dan een statische weergave van je prijs.
• Blije medewerkers: Ideaal voor je ‘Over ons’- of vacaturepagina – toon het aantal enthousiaste teamleden op een opvallende manier.

Duiding geven

Sommige cijfers – vooral als het geen prijzen zijn – kunnen zonder context onduidelijk zijn. Voeg daarom vóór of na de teller een label of korte toelichting toe om duidelijk te maken waar het getal voor staat.

Typografie aanpassen

Je kunt de typografie van de teller volledig naar wens stylen. Open het tabje Styles en pas zaken aan zoals kleur, lettertype, lettergrootte of letterdikte via het Typografie-menu (Weergave).