---
url: 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
title: 'Añadir una cuenta atrás | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:13:06+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Obtienes un reloj en vivo que cuenta atrás hasta tu evento, fecha límite o fin de oferta. Úsalo cuando una fecha importa y quieres que las visitas actúen antes de que pase.'
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-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 una cuenta atrás'
      description: 'Obtienes un reloj en vivo que cuenta atrás hasta tu evento, fecha límite o fin de oferta. Úsalo cuando una fecha importa y quieres que las visitas actúen antes de que pase.'
      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:06+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/countdown-timer'
      articleSection: 'Datos y animación'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
      description: 'Obtienes un reloj en vivo que cuenta atrás hasta tu evento, fecha límite o fin de oferta. Úsalo cuando una fecha importa y quieres que las visitas actúen antes de que pase.'
      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
---
[Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentation) /[Aprende DXPR Builder](/es/hc/documentation/learn-dxpr-builder) /[Crear páginas](/es/hc/documentation/learn-dxpr-builder/build) /[Añadir contenido](/es/hc/documentation/learn-dxpr-builder/elements) /[Datos y animación](/es/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Añadir una cuenta atrás.

 Aprende DXPR BuilderCrear páginasAñadir contenidoDatos y animación

   ## En esta guía

 Guías relacionadas

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

Obtienes un reloj en vivo que cuenta atrás hasta tu evento, fecha límite o fin de oferta. Úsalo cuando una fecha importa y quieres que las visitas actúen antes de que pase.

## Añade una cuenta atrás

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 **Countdown timer**. Queda arriba de la columna y su diálogo de ajustes se abre.
2. Elige un **Countdown style**, por ejemplo **3D flip**.
3. Deja **Date / Time Limitations** en su valor predeterminado, Specify date only, y define el **Date** en que termina la cuenta atrás.
4. **Display options** tiene las cinco unidades marcadas. Desmarca las que no necesites; aquí desmarcamos **Show remaining years**.
5. 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 reloj cuenta atrás hasta la fecha que elegiste, en el estilo y unidades que elegiste. En el vídeo, un reloj 3D flip muestra días, horas, minutos y segundos hasta una fecha tres meses adelante. Las visitas lo ven cuando guardas la página y está publicada.

## Configura tu cuenta atrás

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

- **Countdown style:** el aspecto del reloj: Plain, Grid, 3D flip, Disc, Airport style o Transparent.
- **Date / Time Limitations:** hasta qué cuenta el reloj. Elige Specify date only (el valor predeterminado), Specify date and time, Specify time only (se repite cada día) o Resetting counter (define intervalo de hasta 24 horas).
- **Date:** el día en que termina la cuenta atrás. Termina a medianoche cuando ese día empieza, en la zona horaria de cada visita. Los otros modos muestran **Date / Time** o **Time**.
- **Reset in hours:** con **Reset in minutes** y **Reset in seconds**, el intervalo de una cuenta atrás que se reinicia.
- **Page referrer:** una página que se abre cuando el tiempo se agota. Se muestra para los modos repetido y de reinicio.
- **Automatic restart:** reinicia una cuenta atrás que se reinicia cuando llega a cero.
- **Display options:** las unidades que muestra el reloj, desde Show remaining years hasta Show remaining seconds. Las cinco vienen marcadas.

## Si no lo ves

- **Countdown timer no está en la pestaña Content.** Tu perfil de usuario lo oculta. Pide a una cuenta administradora que marque **Countdown** 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.
- **Todos los dígitos muestran cero.** La fecha destino está en el pasado. Pasa el cursor sobre el elemento y abre **More > Settings**, y define un **Date** futuro.
- **No hay campo Date.** **Date / Time Limitations** está en otro modo. Elige Specify date only, o rellena el campo **Date / Time** o **Time** que ese modo muestra.
- **El reloj empieza de nuevo cada día.** **Date / Time Limitations** está en Specify time only (se repite cada día). Elige Specify date only para un evento único.

## ¿Qué sigue?

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