---
url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/getalenteller'
title: 'Een getalenteller toevoegen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:33:16+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Je krijgt een getal dat optelt wanneer bezoekers ernaartoe scrollen, met een voorvoegsel, achtervoegsel en scheidingsteken als je die wilt. Gebruik het om een kerngetal te laten opvallen, zoals geholpen patiënten of opgeleverde projecten.'
tags:
  - 'Data and motion'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Een getalenteller toevoegen'
      description: 'Je krijgt een getal dat optelt wanneer bezoekers ernaartoe scrollen, met een voorvoegsel, achtervoegsel en scheidingsteken als je die wilt. Gebruik het om een kerngetal te laten opvallen, zoals geholpen patiënten of opgeleverde projecten.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:33:16+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/getalenteller'
      articleSection: 'Data en beweging'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/getalenteller'
      description: 'Je krijgt een getal dat optelt wanneer bezoekers ernaartoe scrollen, met een voorvoegsel, achtervoegsel en scheidingsteken als je die wilt. Gebruik het om een kerngetal te laten opvallen, zoals geholpen patiënten of opgeleverde projecten.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/nl'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: nl
---
[Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/build) /[Content toevoegen](/nl/hc/documentation/learn-dxpr-builder/elements) /[Data en beweging](/nl/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Een getalenteller toevoegen.

 DXPR Builder lerenPagina’s bouwenContent toevoegenData en beweging

   ## In deze gids

 Gerelateerde gidsen

- [Het uiterlijk van een element wijzigen in het paneel Stijl](/nl/hc/documentatie/dxpr-builder-leren/elementinstellingen/stijl-tabblad)

Je krijgt een getal dat optelt wanneer bezoekers ernaartoe scrollen, met een voorvoegsel, achtervoegsel en scheidingsteken als je die wilt. Gebruik het om een kerngetal te laten opvallen, zoals geholpen patiënten of opgeleverde projecten.

## Een getalenteller toevoegen

Open je pagina terwijl je bent ingelogd: de builder-knoppen verschijnen als je met de muis over het inhoudsgebied beweegt. [Je eerste pagina](/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eerste-pagina) legt de basis uit.

1. Beweeg over de kolom en klik op **+** in de besturingsbalk, of klik op **Add Elements** op een lege pagina. Open het tabblad **Inhoud** en klik op **Getalenteller**. De getalenteller komt bovenaan de kolom te staan en het dialoogvenster opent.
2. Typ het **Eind**-getal om naartoe te tellen, alleen in cijfers. Hier gebruiken we 250000.
3. Voeg een **Achtervoegsel** toe, zoals een plusteken.
4. Kies een **Duizendtalscheiding**. Hier kiezen we **Komma**.
5. Stel de **Snelheid** in in milliseconden. Hogere waarden tellen langzamer. Hier slepen we hem naar ongeveer 3000, wat 3 seconden is.
6. Klik in het dialoogvenster op **Opslaan**. Klik daarna op **Opslaan** in de werkbalk bovenaan het inhoudsgebied om de pagina op te slaan.

  ## Wat je ziet

Het getal telt op tot het eindgetal dat je hebt getypt, met je achtervoegsel en scheidingsteken. In de video telt hij tot 250,000+ in 3 seconden.

De telling loopt één keer, wanneer de teller in beeld komt. In de editor loopt hij meteen nadat je het dialoogvenster sluit. Om hem opnieuw te bekijken plaats je de teller onder het eerste scherm, open je de opgeslagen pagina en scrol je ernaartoe. Bezoekers zien hem zodra je de pagina opslaat en publiceert.

## Je getalenteller instellen

Beweeg over het element en open **More > Settings** in de besturingsbalk. Opties:

- **Begin:** het getal waarmee de telling start. De standaard is 0.
- **Eind:** het getal waarbij de telling stopt. De standaard is 100.
- **Lettergrootte:** de grootte van het getal in pixels. De standaard is 30.
- **Snelheid:** hoe lang de telling duurt, in milliseconden. De standaard is 2000.
- **Duizendtalscheiding:** Geen, Komma, Punt of Spatie tussen groepen van duizenden.
- **Voorvoegsel:** tekst voor het getal, zoals `$` of `€`.
- **Achtervoegsel:** tekst na het getal, zoals `%` of `+`.

## Als je het niet ziet

- **Getalenteller staat niet in het tabblad Inhoud.** Je gebruikersprofiel verbergt hem. Vraag een beheerder om **Getalenteller** aan te vinken onder **Elementen** in [Gebruikersprofielen](/nl/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Hij is weg na het herladen.** De pagina is niet opgeslagen. Voeg hem opnieuw toe en klik op **Opslaan** in de werkbalk bovenaan het inhoudsgebied.
- **Het getal stopt bij 100.** **Eind** heeft nog zijn standaardwaarde. Beweeg over het element en open **More > Settings** en typ je eigen getal.
- **Het getal verschijnt maar telt niet.** Het heeft al geteld terwijl het in beeld was, misschien meteen nadat de pagina laadde. Voorbeeld start het niet opnieuw. Plaats de teller onder het eerste scherm, herlaad de opgeslagen pagina en scrol ernaartoe.
- **De pagina toont nog steeds het oude getal.** De wijziging is niet opgeslagen. Klik op **Opslaan** in de werkbalk bovenaan het inhoudsgebied en herlaad dan.

## Wat nu?

[Tabblad Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) om de witruimte en achtergrond van je getalenteller aan te passen.