# Cómo agregar una cuenta regresiva a una página o a la tarjeta de producto

Arrastra el bloque **Cuenta regresiva** desde **Agregar bloques** a cualquier página de la tienda o landing page, elige uno de sus 14 diseños y define su **Fecha y hora objetivo**. Las tarjetas de producto usan una **Cuenta regresiva exclusiva** aparte, que se configura en el propio producto.

## Pasos

1. Abre **Tienda en línea → Config. de tema** para una página de la tienda, o abre tu landing page desde **Páginas de Aterrizaje**.
2. Haz clic en el icono **+** de la barra izquierda (**Agregar bloques**), busca **Cuenta regresiva** y arrástrala donde la quieras, por ejemplo entre el precio y el formulario de pedido en la página **Producto**.
3. Pasa el cursor sobre el bloque en la lista para ver sus **Variantes disponibles** (**Diseño 1** a **Diseño 14**: cajas, franja de urgencia, anillos de progreso, reloj de solapas, banner de oferta, pantalla neón, cupón y más). Todos los diseños usan los mismos ajustes; cambiar de diseño conserva la fecha pero restablece los estilos.
4. Selecciona el bloque, abre la pestaña **Configuración** (icono de lápiz), define la **Fecha y hora objetivo**, activa **Repetir** si el temporizador debe reiniciarse al terminar, y elige **Color de etiqueta**, **Color de los números**, **Color de Fondo** y **Color del Borde**. Los diseños con encabezado (franja, banner, barra y cupón) también tienen un campo **Título**; déjalo vacío para mostrar "La oferta termina en".
5. Haz clic en **Guardar**. Guardar almacena la edición; los visitantes solo la ven cuando la página está **Publicado** (interruptor de la barra superior).

### Cuenta regresiva en las tarjetas de producto

1. Ve a **Productos → Gestionar productos** y edita el producto.
2. En la barra lateral de configuración activa **Marcar como oferta exclusiva** y define la fecha y hora de la **Cuenta regresiva exclusiva** (opcionalmente **Repetir**); luego guarda el producto.
3. Esta cuenta regresiva aparece en la tarjeta del producto en las cuadrículas de tu tienda, no dentro del cuerpo de la página.

### Cuenta regresiva en un upsell posventa

Cada upsell de la app **Potenciador de venta adicional** tiene su propia cuenta regresiva (hora de fin, colores, etiquetas de unidades, **Cuenta regresiva repetida cada 30 minutos**). Consulta [¿Cómo funciona la oferta de venta adicional post-compra para los clientes?](https://help.dropify.shop/es/checkout/upsell-offers/).

## Problemas frecuentes

- El temporizador llegó a cero y solo muestra ceros → es su estado final; activa **Repetir** para reiniciarlo, o quita el bloque cuando termine la oferta.
- El temporizador de mi página generada con IA se reinicia en cada visita → selecciona el bloque y activa **Mantener el tiempo cuando el visitante recarga**.
- Quiero el temporizador en las tarjetas de producto de la página de inicio → las tarjetas no usan el bloque Cuenta regresiva; activa **Marcar como oferta exclusiva** y **Cuenta regresiva exclusiva** en cada producto.
- Guardé pero los clientes no ven el temporizador → asegúrate de que la página esté **Publicado**. En una tienda multilingüe, los cambios se aplican solo al idioma que estabas editando.

## Relacionado

- [Cómo agregar elementos de urgencia: contador de stock, visitantes en vivo, temporizador de entrega](https://help.dropify.shop/es/guides/add-urgency-elements-stock-visitors-delivery-timer/)
- [Agregar, mover, copiar y eliminar bloques en una página](https://help.dropify.shop/es/guides/add-move-copy-and-delete-blocks/)
- [¿Cómo funciona la oferta de venta adicional post-compra para los clientes?](https://help.dropify.shop/es/checkout/upsell-offers/)
- [Los cambios de tema, menú o logo no aparecen en la tienda en vivo](https://help.dropify.shop/es/store_theme/theme-changes-not-saving-or-showing-live/)