Contador Regresivo
El componente Contador Regresivo crea urgencia visual mostrando una cuenta regresiva hacia un momento específico. Es uno de los componentes más efectivos para promociones.
¿Qué resuelve?
- Urgencia visual: Genera acción inmediata
- Dos modos: Hasta fecha exacta o en loop
- Personalizable: Muestra/oculta dias, horas, minutos, segundos
- Acción al finalizar: Reinicia o muestra mensaje
Preview
┌─────────────────────────────────┐
│ │
│ ¡LA OFERTA TERMINA EN! │
│ │
│ ┌────┐ ┌────┐ ┌────┐ ┌────┐ │
│ │ 02 │ │ 15 │ │ 34 │ │ 56 │ │
│ │ días│ │ hs │ │min │ │seg │ │
│ └────┘ └────┘ └────┘ └────┘ │
│ │
│ No te lo pierdas │
└─────────────────────────────────┘
Configuración
Modo
| Opción | Descripción |
|---|---|
| Loop (se reinicia solo) | Cuenta y reinicia continuamente |
| Hasta una fecha exacta | Cuenta hacia una fecha específica |
Configuración por Modo
Loop:
| Campo | Rango | Default |
|---|---|---|
| Duración del loop | 1-1440 min | 60 min |
Fecha exacta:
| Campo | Descripción |
|---|---|
| Fecha y hora objetivo | Seleccionar fecha |
| Al llegar a cero | Reiniciar / Mostrar mensaje |
| Mensaje al finalizar | Texto personalizado |
Unidades a Mostrar
| Opción | Label por defecto |
|---|---|
| Días | "días" |
| Horas | "hs" |
| Minutos | "min" |
| Segundos | "seg" |
Textos
| Campo | Default |
|---|---|
| Título sobre el contador | "¡La oferta termina en!" |
| Subtítulo | "No te lo pierdas" |
| Mensaje final | "¡Oferta finalizada!" |
Estilo
| Campo | Opciones |
|---|---|
| Estilo de visualización | Bloques con etiquetas / Inline (HH:MM:SS) |
| Tamaño de números | 20-300px |
Casos de Uso
Hot Sale / Cyber Monday
- Contador hacia el inicio de la promo
- "Faltan X horas para elInicio"
Ofertas por tiempo limitado
- "Solo hoy: 50% off"
- "Últimas 2 horas"
Eventos
- Inauguración
- shows en vivo
Liquidaciones
- "Últimos días"
Tips
- MODOLOOP: Para ofertas permanentes que "rotan"
- FECHA EXACTA: Para eventos con fecha definida
- Título claro: "¡No te lo pierdas!" es más efectivo que "Tiempo restante"
Recursos Relacionados
- Productos Destacados — Combínalo con tu catálogo
- Texto Estático — Mensaje de resultado