Skip to main content
El elemento Countdown te permite crear sensación de urgencia en tu página mostrando una cuenta atrás.
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.
Countdown

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