Widget de temporizador de cuenta regresiva Elementor para ventas, lanzamientos y eventos
Countdown Timer es un widget de complementos maestros que cuenta regresivamente hasta la fecha y hora que elija, sin necesidad de Elementor Pro. Muestre cualquier combinación de años, meses, días, horas, minutos y segundos, cambie el nombre de las etiquetas y elija entre cuatro diseños y los ajustes preestablecidos predeterminados y de tarjeta. Master Addons Pro agrega ocho ajustes preestablecidos más, como Flip, Circle y Neon, además de una cuenta regresiva repetida. Úselo para ventas, lanzamientos de productos, seminarios web y páginas próximas.
Cómo agregar un temporizador de cuenta regresiva en Elementor
El widget aparece con un temporizador que funciona, por lo que solo necesitas cambiar lo que difiere.
- Busque en el panel de widgets de Elementor “Temporizador de cuenta regresiva” y arrastre el widget de complementos maestros a la página.
- En la sección Temporizador, elija la fecha y hora de finalización.
- En Configuración de cuenta regresiva, elija un diseño y estilo preestablecido, configure un separador y apague las unidades que no necesita.
- Cambie el nombre de las etiquetas si desea texto más corto o traducido.
- Estilee los números, etiquetas y separadores en la pestaña Estilo y luego publíquelos.
¿Construyendo una página de lanzamiento? Nuestra guía para un Elementor próximamente página pone el cronómetro a trabajar.
El temporizador de cuenta regresiva se empareja con algunos otros widgets de complementos maestros: Horario comercial pentru ore de deschidere, Hora actual para un reloj en vivo, Creador de ventanas emergentes para una oferta programada en una ventana emergente, Barras de progreso para asientos o stock izquierdo, y Condiciones de visualización intercambiar el tramo una vez transcurrido el plazo.
Temporizador de cuenta regresiva de un vistazo
La tabla enumera lo que hace el widget hoy, leído desde la fuente del complemento en la versión 3.2.6.
| Artículo | Temporizador de cuenta regresiva |
|---|---|
| Tipo de temporizador | Fecha y hora de finalización fijas. Master Addons Pro agrega un ciclo repetido |
| Hoja perenne por visitante | prohibido |
| Cuando llega a cero | Los números se detienen en 0 y permanecen en la página. Sin redireccionamiento, ocultación ni mensaje |
| Diseños | 4: Bloque, En línea, Tabla de bloques, Tabla en línea |
| Ajustes preestablecidos de estilo | 10: Predeterminado y Tarjeta incluidos; Voltear, Círculo, Gradiente, Neón, Glassmorphism, Mínimo, Esquema y Neumórfico con Pro |
| Unidades de tiempo | Años, meses, días, horas, minutos, segundos. Cada uno puede ocultarse y recibir su propia etiqueta |
| Estilismo | Un fondo por unidad, número de color y sombra, separador, etiqueta, borde de caja y sombra, y el ancho, alineación y espaciado del contenedor |
| Zona horaria | La hora de finalización se lee en el propio reloj de cada visitante |
| Temporizador de venta WooCommerce | prohibido |
| Necesidades | Complementos Elementor y Master. Pro para los ocho ajustes preestablecidos adicionales y el ciclo de repetición |
Unidades de tiempo, diseños y ajustes preestablecidos de estilo
Enciende o apaga cada unidad, desde años hasta segundos, y dale tu propia etiqueta, como “Hrs” en lugar de “Horas”. Elija uno de cuatro diseños: Bloquear, En línea, Tabla de bloques o Tabla en línea. Luego elija un estilo preestablecido. El valor predeterminado y la tarjeta vienen con el widget, y Pro agrega Flip, Circle, Gradient, Neon, Glassmorphism, Minimal, Outline y Neumorphic.
- Muestra solo las unidades que necesitas, como días, horas y minutos para una venta.
- Cuatro diseños: Bloque, En línea, Tabla de bloques y Tabla en línea.
- Preajustes predeterminados y de tarjeta incluidos, ocho más con Pro.
Estilo cada unidad de tiempo por separado
Cada unidad, desde años hasta segundos, puede tener su propio fondo, por lo que los días pueden destacarse en un color diferente al de las horas y los minutos. Los números comparten un color, el color flotante y la configuración de sombra de texto, y la sección Estilo de cuadro agrega un fondo, borde, radio y sombra alrededor de cada unidad.
- Un fondo separado para años, meses, días, horas, minutos y segundos.
- Color del número, color flotante y sombra del texto.
- Fondo del cuadro, borde, radio del borde y sombra del cuadro.
Estilismo de contenedores, separadores y etiquetas
El estilo común establece el ancho, la altura, la alineación, el fondo, la sombra del cuadro, el radio del borde, el margen y el relleno del temporizador. El separador, que puede ser dos puntos, una barra diagonal o cualquier carácter que escriba, y cada etiqueta obtiene sus propios colores y sombras de texto, además de controles de relleno y margen.
- Ancho, alto y alineación para todo el cronómetro.
- Colores de separadores y etiquetas con estados de desplazamiento y sombra de texto.
- Margen y relleno en cada nivel para un espaciado equilibrado.
Temporizador de cuenta regresiva Elementor Pro frente a complementos maestros
El propio widget de cuenta regresiva de Elementor está solo en Elementor Pro. Así es como se comparan los dos.
| Cuenta regresiva de Elementor Pro | Temporizador de cuenta regresiva de complementos maestros | |
|---|---|---|
| Precio | Elemento Pro | Complementos maestros; ajustes preestablecidos adicionales y repetición en Pro |
| Tipo de temporizador | Fecha de vencimiento o hoja perenne por visitante | Fecha de vencimiento, o un ciclo repetido con Pro |
| Unidades | Días, horas, minutos, segundos | Años, meses, días, horas, minutos, segundos |
| Cuando se acaba el tiempo | Redirigir, ocultar o mostrar un mensaje | Se detiene en cero |
| Diseños y ajustes preestablecidos | Bloquear o en línea | 4 diseños y 10 ajustes preestablecidos (8 en Pro) |
| Fondos por unidad | prohibido | Sí |
¿necesita un temporizador permanente o una redirección cuando finalice? Elementor Pro se encarga de eso. Para un temporizador con años y meses y más opciones de estilo, utilice complementos maestros. Para horarios de apertura en lugar de plazos, pruebe el Horario comercial Widget.
Fecha fija, recurrente o perenne: ¿qué temporizador es este?
El temporizador de cuenta regresiva es un temporizador de fecha fija. Estableces una fecha y hora de finalización en la sección Temporizador y cada visitante cuenta regresivamente hasta ese momento, que es lo que necesita una fecha límite de venta, un lanzamiento, un seminario web o un evento. A cero los números se detienen y el temporizador permanece en la página.
Un temporizador recurrente se reinicia después de un intervalo establecido. Master Addons Pro agrega esto como Repetir cuenta regresiva: elija un ciclo en años, meses, días, horas o minutos y el temporizador se inicia nuevamente cada vez que finaliza, hasta la fecha de finalización principal. El ciclo se elabora en el servidor y se almacena una vez, por lo que cada visitante ve la misma cuenta regresiva. Eso se adapta a una oferta diaria que se reinicia al mismo tiempo para todos.
Un temporizador de hoja perenne le da a cada visitante su propia fecha límite, generalmente contada desde su primera visita y almacenada en una cookie o almacenamiento local. El temporizador de cuenta regresiva no hace esto. Si su oferta necesita una fecha límite por visitante, el widget Elementor Pro Countdown tiene un modo Evergreen y se crean complementos dedicados como HurryTimer a su alrededor.
Diseños de temporizadores de cuenta regresiva Elementor
Cada demostración a continuación es un widget con un diseño y un ajuste preestablecido diferentes. Abra uno para verlo contar en la página.
- Panel de liberación oscuro: Preajuste mínimo (Pro), de días a segundos en un panel de inicio de software oscuro.
- Panel de programación de eventos: Tarjeta preestablecida, días, horas y minutos hasta que se abran las puertas.
- Panel de transmisión de neón: Neon preestablecido (Pro), dígitos brillantes para una transmisión en vivo al aire.
- Tarjeta Festival de Vidrio: Preajuste de Glassmorphism (Pro), meses, días y horas sobre una foto del festival.
- Panel de estado de mantenimiento: Preajuste circular (Pro), temporizadores de timbre para una ventana de migración planificada.
- Panel de especificaciones de pedidos anticipados: Esquema preestablecido (Pro), cierre de un segundo lote de reserva.
- Panel de Licitación de Subastas: Flip preestablecido (Pro), la hora de cierre de un lote de subasta.
- Cronograma de la fecha límite de solicitud: Preajuste neumórfico (Pro), días y horas para el cierre de una ronda de aplicación.
- Próximamente: Preajuste predeterminado con un separador de dos puntos, el clásico próximamente héroe.
- Ahorre una gran oferta: Preajuste predeterminado en un banner de venta junto al descuento.
Preguntas frecuentes sobre el temporizador de cuenta regresiva
¿Puedo configurar el temporizador en una fecha y hora específicas?
Sí. Elija la fecha y hora exactas de finalización en el campo Fecha y hora de cuenta regresiva. El cronómetro lo lee en la zona horaria local de cada visitante.
¿Qué pasa cuando la cuenta atrás llega a cero?
Los números se detienen en cero y el cronómetro permanece en la página. No hay opción de redireccionamiento, ocultación o mensaje. Para cambiar lo que se muestra después de la fecha límite, coloque el temporizador en un contenedor con Condiciones de visualización establezca un rango de fechas o programe la oferta de seguimiento como Creador de ventanas emergentes ventana emergente.
¿El temporizador responde en dispositivos móviles?
Sí. Utilice el modo responsivo de Elementor para establecer números, anchos y acolchados más pequeños para tabletas y teléfonos para que el temporizador siga siendo legible.
¿cómo agrego un temporizador de cuenta regresiva en Elementor sin Pro?
Instale complementos maestros, arrastre el widget del temporizador de cuenta regresiva a la página, establezca la fecha y hora de finalización en la sección Temporizador, elija un diseño y un ajuste preestablecido y publique. El propio widget de cuenta regresiva de Elementor es parte de Elementor Pro, por lo que el complemento base no tiene ninguno.
¿Por qué mi temporizador de cuenta regresiva no funciona?
Primero verifique la fecha de finalización: una fecha anterior muestra ceros. Luego borre su complemento de caché para que la página proporcione un nuevo marcado y busque una configuración de “retraso de JavaScript” que contenga el script del widget. Dentro de una ventana emergente, espere a que se abra la ventana emergente antes de juzgarla. Los ajustes preestablecidos profesionales necesitan una licencia profesional activa; de lo contrario, el widget vuelve a ser predeterminado.
¿Puedo usar esto para una cuenta regresiva diaria recurrente (como una oferta diaria)?
Sí, con Master Addons Pro. Active la cuenta regresiva repetida y establezca la duración del ciclo, por ejemplo, un día. El cronómetro inicia un nuevo ciclo cada vez que finaliza, hasta la fecha de finalización principal, y cada visitante ve el mismo ciclo.
¿Funcionará la cuenta regresiva para los visitantes en diferentes zonas horarias?
La hora de finalización se lee en la zona horaria local de cada visitante. Una fecha límite de 18:00 finaliza a las 18:00 en el propio reloj de cada visitante, por lo que las personas en diferentes zonas horarias llegan a cero en diferentes momentos.
¿cuál es el mejor diseño para un cronómetro grande y prominente en una sección de héroe?
Tabla de bloques o bloques. Muestran cada unidad como su propio cuadro, que es fácil de leer desde la distancia. Aumente el tamaño del número y el relleno para hacer del temporizador el punto focal de la sección.
¿soporta un temporizador de hoja perenne?
No. El temporizador de cuenta regresiva cuenta hasta una fecha fija y Pro agrega un ciclo repetido que es el mismo para todos. Para una fecha límite permanente por visitante, utilice el widget Elementor Pro Countdown o un complemento de temporizador permanente dedicado.
¿Puedo usarlo dentro de una ventana emergente o en la próxima página?
Sí. Coloque el widget en a Creador de ventanas emergentes ventana emergente para una oferta programada o en una página de Canvas para una próxima página. Cuenta de la misma manera en ambos lugares.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
