> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Usa cuentas atrás para aumentar las conversiones

> Añade cuentas atrás para crear urgencia, destacar fechas límite y aumentar las conversiones de tus landing pages.

El elemento Countdown te permite crear sensación de urgencia en tu página mostrando una cuenta atrás.<br />Se usa habitualmente para ofertas, fechas límite o acciones por tiempo limitado.

Puedes añadirlo desde la barra lateral izquierda y personalizar por completo su comportamiento y su diseño.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/3BgL2rZlZyKSW3mn/images/countdown.png?fit=max&auto=format&n=3BgL2rZlZyKSW3mn&q=85&s=17d65e3e0179958658093114a8ac1f97" alt="Countdown" width="1916" height="992" data-path="images/countdown.png" />
</Frame>

## Ajustes de la cuenta atrás

### Style

* Elige el aspecto visual de la cuenta atrás
* Cada estilo cambia cómo se muestran los números y las etiquetas

### Mode

Hay dos modos:

* **Date:** cuenta atrás hasta una fecha y hora concretas
* **Timer:** inicia una cuenta atrás (por ejemplo, 10 minutos) cuando se carga la página

### Date

* Disponible al usar el modo **Date**
* Selecciona la fecha y la hora exactas con el selector

### Color

* Controla el color de los números y las etiquetas

### Size

* Ajusta el tamaño del texto de la cuenta atrás

### Hide Labels

* **Yes:** oculta etiquetas como días, horas o minutos
* **No:** las muestra

### Full Width

* **Yes:** expande la cuenta atrás a lo ancho del contenedor
* **No:** la mantiene compacta

### Redirect

* **Yes:** redirige a los usuarios cuando termina la cuenta atrás
* **No:** no hace nada al terminar

***

## Items (unidades de tiempo)

Puedes controlar qué unidades de tiempo se muestran:

* Días
* Horas
* Minutos
* Segundos

Cada una se puede activar o desactivar por separado.

***

## Posición y espaciado

Como en otros elementos, puedes ajustar:

* La alineación
* El espaciado (margin y padding)

***

## Cómo funciona

* En el modo **Date**, la cuenta atrás está fijada a una fecha límite concreta
* En el modo **Timer**, empieza de cero para cada visitante
