---
url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/compteur-de-nombres'
title: 'Ajouter un compteur de nombres | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:41:58+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Vous obtenez un nombre qui compte à partir de zéro quand les visiteurs défilent jusqu’à lui, avec un préfixe, un suffixe et un séparateur si vous le souhaitez. Utilisez-le pour faire ressortir un chiffre clé, comme des patients pris en charge ou des projets livrés.'
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: 'Ajouter un compteur de nombres'
      description: 'Vous obtenez un nombre qui compte à partir de zéro quand les visiteurs défilent jusqu’à lui, avec un préfixe, un suffixe et un séparateur si vous le souhaitez. Utilisez-le pour faire ressortir un chiffre clé, comme des patients pris en charge ou des projets livrés.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:41:58+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/fr/hc/documentation/apprendre-dxpr-builder/elements/compteur-de-nombres'
      articleSection: 'Données et animation'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/compteur-de-nombres'
      description: 'Vous obtenez un nombre qui compte à partir de zéro quand les visiteurs défilent jusqu’à lui, avec un préfixe, un suffixe et un séparateur si vous le souhaitez. Utilisez-le pour faire ressortir un chiffre clé, comme des patients pris en charge ou des projets livrés.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Accueil
            item: 'https://dxpr.com/fr'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: fr
---
[Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Créer des pages](/fr/hc/documentation/learn-dxpr-builder/build) /[Ajouter du contenu](/fr/hc/documentation/learn-dxpr-builder/elements) /[Données et animation](/fr/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Ajouter un compteur de nombres.

 Apprendre DXPR BuilderCréer des pagesAjouter du contenuDonnées et animation

   ## Dans ce guide

 Guides associés

- [Modifier l’aspect d’un élément dans le panneau Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style)

Vous obtenez un nombre qui compte à partir de zéro quand les visiteurs défilent jusqu’à lui, avec un préfixe, un suffixe et un séparateur si vous le souhaitez. Utilisez-le pour faire ressortir un chiffre clé, comme des patients pris en charge ou des projets livrés.

## Ajouter un compteur de nombres

Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. [Votre première page](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/premiere-page) présente les bases.

1. Survolez la colonne et cliquez sur **+** dans sa barre de contrôle, ou cliquez sur **Ajouter des éléments** sur une page vide. Ouvrez l’onglet **Contenu** et cliquez sur **Compteur de nombres**. L’élément apparaît en haut de la colonne et sa boîte de dialogue de paramètres s’ouvre.
2. Saisissez le nombre **End** jusqu’auquel compter, en chiffres uniquement. Ici, nous utilisons 250000.
3. Ajoutez un **Suffix**, comme un signe plus.
4. Choisissez un **Thousands separator**. Ici, nous choisissons **Comma**.
5. Réglez la **Speed** en millisecondes. Des valeurs plus élevées comptent plus lentement. Ici, nous la glissons vers environ 3000, soit 3 secondes.
6. Cliquez sur **Enregistrer** dans la boîte de dialogue, puis sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu pour stocker la page.

  ## Ce que vous voyez

Le nombre compte jusqu’au nombre final saisi, avec votre suffixe et votre séparateur. Dans la vidéo, il compte jusqu’à 250 000+ en 3 secondes.

Le compte s’exécute une fois, quand le compteur entre dans la zone visible. Dans l’éditeur, il s’exécute juste après la fermeture de la boîte de dialogue. Pour le revoir, placez le compteur sous le premier écran, ouvrez la page enregistrée et défilez jusqu’à lui. Les visiteurs le voient une fois la page enregistrée et publiée.

## Configurer votre compteur de nombres

Survolez l’élément et ouvrez **Plus > Paramètres** dans sa barre de contrôle. Options :

- **Start :** le nombre de départ du compte. La valeur par défaut est 0.
- **End :** le nombre d’arrivée du compte. La valeur par défaut est 100.
- **Font size :** la taille du nombre en pixels. La valeur par défaut est 30.
- **Speed :** la durée du compte, en millisecondes. La valeur par défaut est 2000.
- **Thousands separator :** None, Comma, Dot ou Space entre les groupes de milliers.
- **Prefix :** le texte avant le nombre, comme `$` ou `€`.
- **Suffix :** le texte après le nombre, comme `%` ou `+`.

## Si rien ne s’affiche

- **Le compteur de nombres ne figure pas dans l’onglet Contenu.** Votre profil d’utilisateur le masque. Demandez à un administrateur de cocher **Counter** sous **Elements** dans [Profils d’utilisateurs](/fr/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Il a disparu après rechargement.** La page n’a pas été enregistrée. Ajoutez-le de nouveau et cliquez sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu.
- **Le nombre s’arrête à 100.** **End** a toujours sa valeur par défaut. Survolez l’élément et ouvrez **Plus > Paramètres**, puis saisissez votre propre nombre.
- **Le nombre apparaît mais ne compte pas.** Il a déjà compté pendant qu’il était visible, peut-être juste après le chargement de la page. L’aperçu ne le relance pas. Placez le compteur sous le premier écran, rechargez la page enregistrée et défilez jusqu’à lui.
- **La page affiche toujours l’ancien nombre.** La modification n’a pas été enregistrée. Cliquez sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu, puis rechargez.

## Et ensuite ?

[Onglet Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style) pour modifier l’espacement et l’arrière-plan de votre compteur de nombres.