Cómo revelar un banner de ventas a la medianoche exactamente con las opciones de división

La realización de una promoción o ventas como propietario de un sitio no siempre es la parte más conveniente de la administración del sitio. A menudo, las ventas no comienzan ni terminan durante las horas de operación ordinarias, a menudo comienzan y terminan con el comienzo de un día calendario. Usando las opciones de estado de Divin, ahora puede tener pancartas de ventas establecidas y Force-It para aparecer (y desaparecer) exactamente cuando las necesita. Puede ser olvidado, en otra zona horaria o incluso dormida, y su sitio web continuará revelando un banner de ventas exactamente en el momento que elija. Su promoción estará lista incluso si no lo está. Investigamos y veamos cómo lograr esta brujería.
Cómo revelar un banner de ventas exactamente a la medianoche para este tutorial, utilizaremos el Temo Builder Div. Puede seguir estos pasos en el Builder Divi tradicional si desea revelar el banner de ventas en una determinada página o publicación, pero utilizaremos el generador de temas para mostrar la promoción a nivel global. Puede encontrar la división del constructor de temas en el tablero de WordPress bajo el Div – Temo Builder.

Edite el encabezado global, colocaremos el banner de ventas que se mostrará en el encabezado global del sitio web predeterminado, para que tengan la mayor cobertura en el sitio. Comience haciendo clic en el botón Editar para abrir Divi Builder.

Cree una sección y una nueva fila Hay algunas formas en que puede agregar el banner de ventas a su sitio. Es posible que tenga una imagen que sirva como un banner que mostrará utilizando el DIV. O puede usar la Divic para diseñar el banner por completo de los módulos existentes. Haremos este último, optando por usar Divi Builder para crear una sección del encabezado de su sitio que funcione como un banner. Una vez más, como dije anteriormente, la lógica condicional funciona igual en todas las secciones, filas y módulos, por lo que puede adaptar fácilmente este tutorial a su situación privada. En Divi Builder, haga clic en el icono azul + e ingrese el icono una nueva sección habitual .
Luego seleccione la sección Buscar la sección Banner haciendo clic en el icono Green +. Seleccionaremos una sola fila de columna para mantener el diseño lo más simple posible, aunque sea lo que sea que funcione. Aplicaremos la lógica condicionada a la sección, por lo que todo está dentro.

Elija su módulo de contenido al insertar la fila, Div requiere que elija un módulo. (O puede hacerlo solo haciendo clic en el icono negro +). Si tiene una imagen de banner, querrá elegir el módulo de imagen para mostrarlo. Si no es así, elija el módulo de texto en el menú desplegable. Usaremos elementos de sitio web típicos para revelar el banner.

Establezca el ancho de la sección y luego acceda a la configuración de la sección para que pueda ajustar el ancho total. Navegue a la pestaña de diseño y busque la subsección en tamaño. Ajuste tanto el ancho como el ancho máximo a 100 VW. Este valor asegurará que siempre sea el 100% del ancho de la ventana de visualización, independientemente del tamaño de la pantalla del usuario. Agregue una sección Gradera y luego, acceda a la pestaña de contenido y encuentre la subsección de fondo. Luego acceda a la segunda pestaña para ingresar la selección de gradiente, luego haga clic en Agregar el gradiente de fondo.

Luego elija los dos colores que desea combinar. Vamos con #Fe5a25 para el primer color y #C206C9 para el segundo. Luego seleccionaremos radialmente como un tipo de gradiente y centro como dirección radial. Juntos, esto significa que el gradiente irradiará hacia afuera en un círculo en el medio de la sección.

Haga clic en la sección porque es un banner para la venta, querrá que todo pueda ser curvado y llevar a sus usuarios a la venta. Continúe en la pestaña Contenido para encontrar la subsección de enlaces y luego ingrese la URL a la que desea que vaya los usuarios.

Ajuste el contenido del módulo de texto ahora, es hora de ingresar el contenido para cualquier banner promocional para la venta. Ingrese la configuración del módulo de texto. En la pestaña Contenido, lo mantendremos simple, con un título de H2 que lee la venta de la medianoche ahora comienza y el texto del cuerpo que dice que todos los productos tienen un descuento del 50% hasta el amanecer.

Agregue con anticipación y estilo de texto, querrá cambiar las fuentes y los colores para los títulos y el texto del banner. Bajo el texto, elegiremos Bad Script como texto de fuentes pequeños Caps como estilo de texto de fuente. Usamos #F2EA00 como color de texto libre para selecciones de fondo y 2EM como tamaño de texto. También queremos alinear el texto para que esté en el centro. Luego, seleccionamos la subsección de texto del título y hacemos clic en la pestaña H2. Bajo esto, elegiremos BOLD para el peso del Título 2 de la fuente y agregaremos nuevamente #F2EA00 como el color del Título 2. También cambiamos el tamaño del texto del Título 2 a 3REM, de modo que se dimensiona en unidades en relación con el otro texto en la pantalla.


Arregle la sección en la pantalla porque es una venta programada, no desea que sus usuarios la pierdan. Así que remediaremos la sección en sus pantallas, de modo que, sin importar dónde esté el banner para que hagan clic. Vaya a la pestaña avanzada desde la configuración de la sección y elija la subsección de posición. Luego, seleccione SEXIGADO en el menú desplegable y haga clic en el cuadrado medio inferior en la cuadrícula de ubicación. Finalmente, establezca un alto valor para el índice Z (elegimos 999 para garantizar flotando sobre otros elementos).

Ahora, la sección se adherirá a la parte inferior de la pantalla del usuario mientras se ejecuta y navegando por el sitio. ¡Guarde sus cambios y tenga una pancarta de ventas lista para revelar a sus visitantes a la medianoche! Así que hagamos eso ahora.

Agregue la lógica condicional que utilizará las opciones de división para revelar el banner a la medianoche. También los encontrará en la pestaña avanzada desde la configuración de la sección. Encuentre la sección de condición y haga clic en el icono Gray + que escribe Agregar condición. Seleccione Mostrar solo si la fecha actual … en el menú desplegable, entonces en la nueva ventana Seleccionar es después. Aquí está la parte importante: en el calendario, elija el día antes de que desee que aparezca el banner. Si desea comenzar el 19 de octubre a la medianoche, seleccione el 18 de octubre, por ejemplo. Luego coloque la hora y el minuto a las 23:59. En una notación de 24 horas, 00:00 es el equivalente de la mitad de la noche, por lo que estas configuraciones revelarán esta nueva pancarta de ventas exactamente a la medianoche (o 1 minuto después de las 23:59 en el momento en que elija).
Nota: Si la venta que revela este banner termina en un momento determinado, puede agregar una segunda condición a la sección, siguiendo las mismas instrucciones, pero seleccione antes y establecer la fecha de finalización. Al hacerlo, proporcionará una ventana cronometrada en la que aparecerá el banner en su sitio. El final de las opciones de estado le permite establecer cualquier cantidad de criterios para mostrar el contenido en su sitio web. Al diseñar una sección simple, que se puede hacer clic como un banner de ventas y establecer una opción de condición que se muestre después de una cierta fecha y hora, puede programar la divulgación de promoción a la medianoche y luego no debe estar despierto en la medianoche para lanzarlo.

¿Qué tipos de eventos cronometrados revelarás utilizando las opciones de estado de la división? Imagen presentado Artículo de Wongstock / Shutterstock.com