---
url: 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/elements/number-counter'
title: 'Añadir un contador | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:13:39+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Obtienes un número que cuenta hacia arriba cuando las visitas se desplazan hasta él, con prefijo, sufijo y separador si los quieres. Úsalo para que una cifra clave destaque, como pacientes atendidos o proyectos entregados.'
tags:
  - 'Data en beweging'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Añadir un contador'
      description: 'Obtienes un número que cuenta hacia arriba cuando las visitas se desplazan hasta él, con prefijo, sufijo y separador si los quieres. Úsalo para que una cifra clave destaque, como pacientes atendidos o proyectos entregados.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T00:13:39+0000'
      dateModified: '2026-10-24T09:09:48+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/es/hc/documentation/learn-dxpr-builder/elements/number-counter'
      articleSection: 'Data en beweging'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/elements/number-counter'
      description: 'Obtienes un número que cuenta hacia arriba cuando las visitas se desplazan hasta él, con prefijo, sufijo y separador si los quieres. Úsalo para que una cifra clave destaque, como pacientes atendidos o proyectos entregados.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://dxpr.com/es'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: es
---
[Help Center](/es/hc)/[Documentation](/es/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Data en beweging](/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Añadir un contador.

 Learn DXPR BuilderBuild pagesAdd contentData en beweging

   ## In this guide

 Related guides

- [Cambia el aspecto de un elemento en el panel Style](/es/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

Obtienes un número que cuenta hacia arriba cuando las visitas se desplazan hasta él, con prefijo, sufijo y separador si los quieres. Úsalo para que una cifra clave destaque, como pacientes atendidos o proyectos entregados.

## Añade un contador

Abre tu página con la sesión iniciada: los controles del constructor aparecen cuando pasas el cursor sobre la zona de contenido. [Crea tu primera página](/es/hc/documentation/learn-dxpr-builder/getting-started/first-page) muestra lo básico.

1. Pasa el cursor sobre la columna y haz clic en **+** en su barra de controles, o haz clic en **Add Elements** en una página vacía. Abre la pestaña **Content** y haz clic en **Number counter**. Queda arriba de la columna y su diálogo de ajustes se abre.
2. Escribe el número **End** hasta el que cuenta, solo dígitos. Aquí usamos 250000.
3. Añade un **Suffix**, como un signo más.
4. Elige un **Thousands separator**. Aquí elegimos **Comma**.
5. Define el **Speed** en milisegundos. Valores más altos cuentan más lento. Aquí lo arrastramos a unos 3000, que son 3 segundos.
6. Haz clic en **Save** en el diálogo. Luego haz clic en **Save** en la barra de herramientas arriba de la zona de contenido para guardar la página.

  ## Lo que ves

El número cuenta hasta el número final que escribiste, con tu sufijo y separador. En el vídeo, cuenta hasta 250,000+ en 3 segundos.

La cuenta se ejecuta una vez, cuando el contador entra en vista. En el editor, se ejecuta justo después de cerrar el diálogo. Para verla de nuevo, pon el contador bajo la primera pantalla, abre la página guardada y desplázate hasta él. Las visitas lo ven cuando guardas la página y está publicada.

## Configura tu contador

Pasa el cursor sobre el elemento y abre **More > Settings** en su barra de controles. Opciones:

- **Start:** el número donde empieza la cuenta. El valor predeterminado es 0.
- **End:** el número donde termina la cuenta. El valor predeterminado es 100.
- **Font size:** el tamaño del número en píxeles. El valor predeterminado es 30.
- **Speed:** cuánto tarda la cuenta, en milisegundos. El valor predeterminado es 2000.
- **Thousands separator:** None, Comma, Dot o Space entre grupos de miles.
- **Prefix:** texto antes del número, como `$` o `€`.
- **Suffix:** texto después del número, como `%` o `+`.

## Si no lo ves

- **Number counter no está en la pestaña Content.** Tu perfil de usuario lo oculta. Pide a una cuenta administradora que marque **Counter** en **Elements** en [User profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Ya no está tras recargar.** La página no se guardó. Añádelo de nuevo y haz clic en **Save** en la barra de herramientas arriba de la zona de contenido.
- **El número se detiene en 100.** **End** aún tiene su valor predeterminado. Pasa el cursor sobre el elemento y abre **More > Settings**, y escribe tu propio número.
- **El número aparece pero no cuenta.** Ya contó mientras estaba en vista, quizá justo tras cargar la página. La vista previa no lo reinicia. Pon el contador bajo la primera pantalla, recarga la página guardada y desplázate hasta él.
- **La página aún muestra el número viejo.** El cambio no se guardó. Haz clic en **Save** en la barra de herramientas arriba de la zona de contenido, y recarga.

## ¿Qué sigue?

[Panel Style](/es/hc/documentation/learn-dxpr-builder/element-settings/style-tab) para cambiar espaciado y fondo de tu contador.