Una cuenta atrás crea urgencia, y la urgencia mueve a la gente a actuar. El libre Widget de temporizador de cuenta regresiva en Complementos maestros para Elementor deja caer un temporizador en cualquier página que marque la fecha que establezca. Tiene dos ajustes preestablecidos de estilo gratuitos, ocho más con Pro y control sobre cada etiqueta, unidad y color del panel Elementor.
Se adapta a ventas, lanzamientos, seminarios web y avisos de devolución de existencias, en cualquier lugar donde una fecha límite impulse una decisión. Usted elige una fecha objetivo, elige un ajuste preestablecido como Tarjeta (o Círculo con Pro), decide qué unidades de tiempo mostrar y luego lo diseña para que coincida con su marca. A continuación se muestra un recorrido por cada configuración.
Qué hace el widget del temporizador de cuenta regresiva #
El widget cuenta regresivamente hasta la fecha y hora que configuró, mostrando años, meses, días, horas, minutos y segundos. Tú decides cuál de esas unidades aparece, qué está etiquetado cada una y cómo se ve todo a través de un conjunto de ajustes preestablecidos de estilo.
Tiene tres pestañas: Contenido para la fecha, unidades y ajustes preestablecidos, Estilo para los colores y espaciado, y Avanzado para las opciones habituales de Elementor. Master Addons Pro también agrega una opción de repetición que reinicia el temporizador en un ciclo fijo.
Antes de empezar #
- WordPress con Elementor instalado y activo.
- Complementos maestros para Elementor instalado y activo. ¿Nuevo en el complemento? Ver el guía de instalación.
- La fecha y hora objetivo a la que estás contando.
Cómo agregar el widget del temporizador de cuenta regresiva #
En el editor Elementor, abra el Elementos panel y búsqueda Temporizador de cuenta regresiva, o desplácese hasta la sección Complementos maestros. Arrástrelo a su página. Se carga con un temporizador que funciona para que pueda ver las unidades de inmediato.
Establezca la fecha y repita la opción #
Abre el Contenido pestaña. El Temporizador la sección contiene los conceptos básicos.
- Fecha y hora de cuenta regresiva: el momento en que el cronómetro cuenta regresivamente. Recógelo del selector de fechas.
- Repetir cuenta atrás (Pro): establezca la duración de un ciclo en años, meses, días, horas, minutos y segundos. El temporizador se reinicia después de cada ciclo hasta la fecha de finalización principal, y cada visitante ve el mismo ciclo.
Configuración de cuenta regresiva: diseño, unidades y etiquetas #
El Configuración de cuenta regresiva la sección controla lo que muestra el cronómetro. A Diseño el conmutador establece la disposición (Bloque, En línea, Tabla de bloques o Tabla en línea) y el Estilo preestablecido el menú desplegable cambia todo el aspecto con un solo clic.
- Separador: el carácter que se muestra entre unidades, como una barra o dos puntos. Déjalo vacío por ninguno.
- Mostrar años, mes, días, horas, minutos, segundos: un interruptor para cada unidad, para que puedas mostrar solo las que importan.
- Etiquetas de unidad: cambie el nombre de cada unidad (años, días, etc.), lo que le ayudará cuando trabaje en otro idioma.
Elija un estilo preestablecido #
El Estilo preestablecido dropdown es donde se destaca el widget. Tiene diez miradas. El valor predeterminado y la tarjeta son gratuitos, y Master Addons Pro agrega Flip, Circle, Gradient, Neon, Glassmorphism, Minimal, Outline y Neumorphic. Cada uno vuelve a diseñar el temporizador sin tocar su contenido.
El Círculo preset (Pro) envuelve cada unidad en un anillo y la empareja con Degradado la opción da a los números un desvanecimiento de color.
El Esquema preset (Pro) lo mantiene liviano, con cada unidad en una caja con borde y sin relleno.
Estila el temporizador #
El Estilo la pestaña se divide en Estilo común, Contraestilo, Separador, y Etiqueta, plus Patrones (una opción profesional). El Estilo común la sección establece el tamaño y el marco de cada caja de unidades.
- Ancho y Alto: el tamaño de cada caja de unidades.
- Alineación: izquierda, centro o derecha dentro de la columna.
- Sombra de caja, tipo de fondo y radio de borde: el aspecto de las cajas.
- Margen y relleno: espaciado alrededor y dentro de cada caja.
Estilo de mostrador, separador y etiquetas #
El Contraestilo la sección es más profunda, con un fondo separado para cada unidad (años, mes, día, hora, minuto, segundo) más el color, la tipografía y el estado de desplazamiento del número. El Separador y Etiqueta luego, las secciones diseñan el divisor y el texto unitario.
El resultado en la página #
Publique o obtenga una vista previa y el temporizador se marcará en vivo en el ajuste preestablecido y los colores que eligió. Aquí está el ajuste preestablecido de tarjeta, un conjunto limpio de cuadros unitarios con el número encima de cada etiqueta.
Casos de uso comunes #
- Ventas y promociones cuenta atrás hasta el final de un descuento.
- Lanzamientos de productos generando anticipación para una fecha de lanzamiento.
- Seminarios web y eventos mostrando el tiempo restante hasta el inicio.
- Próximamente páginas con temporizador para el día de lanzamiento.
- Ofertas recurrentes usando la opción de repetición Pro, por ejemplo una oferta diaria.
Consejos para trabajar con el widget Countdown Timer #
- Muestra sólo las unidades que necesitas. Un temporizador para una venta flash de un día no necesita años ni meses.
- Haga coincidir el ajuste preestablecido con la página. La tarjeta se adapta a la mayoría de las páginas. Con Pro, Neon y Gradient se adaptan a páginas de destino en negrita, y Minimal y Outline se ajustan a diseños limpios.
- Utilice la opción repetir para ofertas recurrentes (Pro). Reinicia el cronómetro en un ciclo fijo, igual para cada visitante.
- Cambie el nombre de las etiquetas para su audiencia. Los campos de etiquetas hacen que la traducción de las unidades sea rápida.
- Emparejarlo con un botón. Un temporizador junto a un claro llamado a la acción convierte la urgencia en clics.
Preguntas frecuentes #
¿qué es el widget del temporizador de cuenta regresiva en los complementos maestros?
Es un widget de Elementor que cuenta regresivamente hasta la fecha y hora que configuró, mostrando años, meses, días, horas, minutos y segundos. Viene con dos ajustes preestablecidos de estilo gratuitos, ocho más con Pro y control total sobre etiquetas, unidades, diseño y colores, todo configurado desde el panel Elementor.
¿cuántos ajustes preestablecidos de estilo tiene el temporizador de cuenta regresiva?
Diez. El valor predeterminado y la tarjeta son gratuitos; Flip, Circle, Gradient, Neon, Glassmorphism, Minimal, Outline y Neumorphic necesitan Master Addons Pro. Cambias entre ellos desde el menú desplegable Estilo preestablecido y cada uno vuelve a diseñar todo el temporizador sin cambiar la fecha o la configuración de la unidad.
¿Puedo hacer que se repita la cuenta regresiva?
Sí, con Master Addons Pro. Active la cuenta regresiva repetida en la sección Temporizador y establezca la duración del ciclo. El temporizador se reinicia después de cada ciclo hasta la fecha de finalización principal, y cada visitante ve el mismo ciclo.
¿Puedo ocultar algunas de las unidades de tiempo?
Sí. La sección Configuración de cuenta regresiva tiene un interruptor de Mostrar separado para años, meses, días, horas, minutos y segundos. Desactive los que no necesita, para que una venta corta pueda mostrar solo días, horas, minutos y segundos.
¿Puedo cambiar las etiquetas de las unidades?
Sí. Cada unidad tiene su propio campo de etiquetas en Configuración de cuenta regresiva, por lo que puede cambiar el nombre de Años, Días, Horas y el resto. Esto facilita traducir el temporizador a otro idioma o acortar las etiquetas para que se ajusten a un diseño ajustado.
Envolviendo #
El widget Countdown Timer convierte una fecha límite en un temporizador en vivo con estilo que empuja a los visitantes a actuar. Establezca su fecha, elija un ajuste preestablecido, elija qué unidades mostrar y luego diseñe los cuadros, números y etiquetas que coincidan con su página. Para obtener más herramientas basadas en el tiempo, consulte Widget de horario comercial, navega por completo Widgets y extensiones de complementos maestros, y mira el Página del widget del temporizador de cuenta regresiva para una comparación con la cuenta regresiva de Elementor Pro. Los ajustes preestablecidos adicionales y la opción de repetición necesitan Pro, así que verifique página de precios para planes.
