Elemento Temporizador de Cuenta Regresiva.

Acerca del elemento de temporizador de cuenta regresiva

El elemento de Temporizador de Cuenta Regresiva en GemPages le permite agregar un reloj de cuenta regresiva a su página, contando hacia una fecha y hora específicas. Puede utilizar este elemento en banners hero, páginas de productos o colecciones para crear urgencia, destacar ofertas por tiempo limitado y promocionar eventos.

Al hacerlo, puede alentar a los visitantes a tomar acción inmediata, como realizar una compra, reclamar una oferta especial o inscribirse en un evento antes de que se acabe el tiempo.

Cómo agregar el temporizador de cuenta regresiva en GemPages V7

Paso 1: Desde el Panel de Control de GemPages > Páginas, localice una página existente o crea una nueva.

Paso 2: Una vez que acceda al editor, use la barra de búsqueda para encontrar el elemento, luego arrástrelo y suéltelo en el área de diseño.

Para acceder a la configuración del Temporizador de Cuenta Regresiva, haga clic en el elemento. La barra lateral izquierda mostrará la pestaña Configuración , donde puede personalizar su comportamiento y apariencia.

Pestaña Configurar ajustes

Tiempo de cuenta regresiva

En esta sección, puede elegir entre tres tipos de temporizadores de cuenta regresiva, incluidos Finalizar en, Auto renovación y Manual.

1. Finalizar en

Si usted elige Finalizar enSerá necesario establecer una fecha y hora específicas para que finalice la cuenta regresiva. 

Puede elegir cómo se aplica la hora de finalización seleccionando una de las siguientes opciones:

• Basado en una zona horaria específica

Puede seleccionar ambos datos y huso horarioLa cuenta regresiva finalizará exactamente en el mismo momento a nivel mundial, según la zona horaria elegida.
Por ejemplo, si configura la cuenta regresiva para que finalice a las 12:00 p. m. (UTC-4), el temporizador finalizará en ese momento para todos los visitantes en todo el mundo, independientemente de su ubicación.

• En todas las zonas horarias

Solo tienes que seleccionar el datosLa hora de finalización de la cuenta regresiva se calculará en función de la zona horaria local de cada visitante.
Por ejemplo, si configura la cuenta regresiva para que finalice a las 12:00 p. m., los visitantes en UTC-4 la verán finalizar a las 12:00 p. m. (UTC-4), mientras que los visitantes en UTC-3 la verán finalizar a las 12:00 p. m. (UTC-3).

2. Renovación automática

Si elige la renovación automática, deberá Establece una cuenta regresiva diaria recurrente que se reinicia automáticamente a la hora que elijas cada día. También puedes elegir que el temporizador se muestre según... zona horaria local del dispositivo del visitante, asegurándose de que la cuenta regresiva coincida con su hora actual.

Por ejemplo, si establece la hora de reinicio a las 6:00 AM, el temporizador se reiniciará automáticamente a las 6:00 AM todos los días según la hora del dispositivo del usuario.

3. Manual

Si elige Manual, necesitará Iniciar la cuenta regresiva una vez que un visitante llega a la página y establecer su duración. También puedes elegir esta opción con el Bucle Modo ON para reiniciar el temporizador automáticamente cuando finalice.

Gestión de elementos

Seleccione los elementos que desea mostrar con el elemento Temporizador de cuenta regresiva.

Estilo de elemento

En esta sección, puede configurar:

• Brecha de artículos: Ajuste la altura del cuadro del artículo.

• Relleno: Establezca el relleno para todos. 
• Fondo: Establezca el color de fondo para todos los elementos.
• Borde: Haga clic en el botón ""Añadir…"” para agregar un borde para todos los elementos.

• Esquina: La esquina redondeada predeterminada es de 8 px.

Hora

Elija el Estilo de elemento para mostrar el Hora para este temporizador de cuenta regresiva. Puede cambiar el estilo, fuente, tamaño y color, y agregar el efecto de transformación/sombra para este texto.

Leyenda

Alterne esta sección para configurar el Estilo de Texto de su título texto.

Espaciado de elementos

Ajuste el espacio entre cada cuadro de elemento ingresando un número exacto o arrastrando el control deslizante.

Tamaño

Establezca el relleno para el elemento de Temporizador de Cuenta Regresiva.

Forma

Seleccione el tipo de borde (punto, guion o línea), el radio de la esquina y el tipo y color de sombra para la forma del elemento.

Después de expirado

En esta sección, puedes configurar la acción después de que finalice el temporizador de cuenta regresiva:

• Ocultar temporizador: Cuando haya terminado, haga clic en Sí si desea ocultar el elemento; de lo contrario, seleccione No.
• Acción: Elija del menú desplegable, que incluye: Permanecer en la página, Abrir página, Desplazarse a, Abrir ventana emergente, Enviar correo electrónico o Realizar una llamada telefónica.

Alineación

Ajuste la alineación de este elemento: alineado a la izquierda, alineado al centro o alineado a la derecha.

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.

¡Y ahí lo tienes!