ElegantThemes

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

Como propietario de un sitio web, realizar una promoción o venta no siempre es la parte más conveniente del sitio web. Las ventas a menudo no comienzan ni terminan durante el horario comercial normal, pero a menudo comienzan y terminan con el inicio de un día calendario. Usando divis Opciones de condición, ahora puede hacer que aparezcan (y desaparezcan) anuncios publicitarios de venta de configúrelo y olvídese exactamente cuando los necesite. Puede ser olvidadizo, estar en una zona horaria diferente o incluso estar dormido y su sitio web seguirá mostrando un banner de venta en el momento exacto que elija. Tu promoción estará lista incluso si no lo estás. Profundicemos y veamos cómo hacer esta hechicería.

Aquí se explica cómo revelar un banner de oferta exactamente a la medianoche.

Para este tutorial usaremos Divi Theme Builder. Puede seguir los mismos pasos en el tradicional Dos Creador, si desea mostrar el banner de ventas en una página o publicación específica, pero usamos el Creador de temas para mostrar la promoción a nivel mundial. Divi Theme Builder se puede encontrar en su panel de WordPress en Divi – creador de temas.

Edita el encabezado global

Revelaremos el banner de ventas en el Encabezado global de Plantilla de sitio web estándar para que obtenga la mayor cobertura en el sitio web. Empiece haciendo clic en Para editar para abrir Divi Builder.

Edite el encabezado para mostrar un banner

Crea una nueva sección y línea

Hay varias formas de agregar el banner de ventas a su sitio web. Es posible que tenga una imagen que actúa como un banner que muestra utilizando módulos Divi. O puede usar Divi para diseñar el banner completamente a partir de módulos existentes. Haremos lo último y elegiremos usar Divi Builder para crear una sección del encabezado de su sitio web que actuará como un banner.

Como se mencionó anteriormente, la lógica condicional funciona igual en todas las secciones, líneas y módulos, por lo que puede adaptar fácilmente este tutorial a su situación específica.

En el Divi-Builder, haz clic en el símbolo + azul e inserta uno nuevo sección regular.

NUEVA Área

Luego, seleccione el diseño de la fila del área de su banner haciendo clic en simbolo + verde. Lo haremos Seleccione una fila de una sola columna para mantener el diseño lo más simple posible, aunque todos funcionen. Vamos a aplicar la lógica condicional a la sección para que todo esté en ella.

Línea para el anuncio de la pancarta

Elija su módulo de contenido

Cuando inserte su línea, Divi le pedirá que elija un módulo. (O lo atraviesas tú mismo Haga clic en el símbolo + negro). Si tiene una imagen para su banner, esto es lo que debe elegir imagen Módulo para visualizarlo. Si no, elige esto texto Módulo de la lista desplegable. Usaremos elementos típicos del sitio web para mostrar el banner.

Módulo de texto

Ajustar el ancho de la sección

Luego ve al Configuración de la sección para que pueda ajustar el ancho total. Navega al borrador Tab y busque el Dimensionamiento Subsección. Personaliza ambos amplio y Ancho máximo para 100vw. Este valor asegura que, independientemente del tamaño de pantalla del usuario, siempre se muestre el 100% del ancho del área de visualización.

Configuración de la sección

Agregue un degradado de fondo a la sección

A continuación, vaya al contenido Tab y busque el antecedentes Subsección. Entonces ve al segunda pestaña para ingresar a la selección de degradado, luego haga clic en Agregar degradado de fondo.

degradado

Luego, selecciona los dos colores que desea fusionar. Vamos contigo # fe5a25 Para el primer color y # c206c9 Para el segundo. Entonces elegimos Radial como el Tipo de degradado, y centrar como el Dirección radial. Juntos, esto significa que el degradado brilla hacia afuera en un círculo desde el centro de la sección.

Revelar la dirección de la pancarta

Hacer que se pueda hacer clic en la sección

Dado que se trata de un banner de ventas, desea que se pueda hacer clic en él y que lleve a sus usuarios a vender. Siguiente en contenido Tab para encontrar esos atajo Subsection y luego ingrese la URL a la que desea que vayan sus usuarios.

URL del enlace

Ajustar el contenido del módulo de texto

Ahora es el momento de ingresar el contenido para lo que sea que anuncie su banner publicitario. Introducir el texto Configuración del módulo. Bajo la contenido pestaña, solo lo hacemos con una H2 Encabezado que lee La venta de medianoche comienza ahora y el cuerpo del texto que dice Todos los productos se reducen en un 50% hasta el amanecer.

Texto de oferta de medianoche

Agregar un encabezado y un estilo de texto

A continuación, querrá cambiar las fuentes y los colores de los títulos y el texto principal del banner. Debajo texto, elegiremos Mal guion como el fuente Letras minúsculas como el Estilo de fuente para texto. Usamos # f2ea00 como regalo Color de texto para la selección de fondo y 2em como el Tamano del texto. Nosotros también los queremos Alineación del texto ser centrar.

Opciones de texto

A continuación elegimos el Texto de encabezado Subsección y haga clic en H2 Tab. Debajo elegiremos negrita Para el Fuente Heading 2 peso y agrega de nuevo # f2ea00 como el Color del texto del título 2. Cambiamos eso también Tamaño del texto del título 2 para 3rem para que el tamaño se exprese en unidades con respecto a otro texto en la pantalla.

Corrija la sección en la pantalla

Dado que se trata de una oferta por tiempo limitado, no querrá que sus usuarios se la pierdan. Así que vamos a personalizar la sección para que se adapte a sus pantallas de modo que, sin importar dónde se desplace, tenga el banner en el que hacer clic. Ve a la Progresivo Pestaña de la sección Configuración y seleccione el posición Subsección. Entonces escoge Reparado en la lista desplegable y haga clic en cuadrado medio bajo haciendo Localización La red. Finalmente, establezca un valor alto para Índice Z (Marcamos el 999 para asegurarnos de que floten sobre otros elementos).

posición fija para la presentación de la pancarta

Ahora la sección aparecerá en la parte inferior de la pantalla del usuario mientras se desplaza y navega por el sitio web. ¡Guarde sus cambios y tendrá un banner de venta que se mostrará a sus visitantes a la medianoche! Así que hagamos esto ahora.

el estandarte revelado

Agregar lógica condicional

Utilizará las opciones de condición de Divi para mostrar el banner a la medianoche. También puede encontrar esto en el Progresivo Pestaña de la Configuración de la sección. Encuentra el condiciones Sección y haga clic en el símbolo + gris que lee Agregar condición.

Agregar condición

Escoger Mostrar solo si la fecha actual … Seleccione de la lista desplegable y luego en la nueva ventana Es despues. Aquí está la parte importante: en el calendario, Seleccione el día antes Quieres que aparezca el banner. Por ejemplo, si desea que comience a la medianoche del 19 de octubre, seleccione el 18 de octubre. Luego configure el Hora y minuto hasta 23: 59. En notación de 24 horas, 00:00 corresponde a medianoche. Esta configuración muestra este nuevo banner de ventas exactamente a la medianoche (o 1 minuto después de las 11:59 pm en la fecha que seleccionó).

elige la fecha

Nota: Si la venta que está mostrando con este banner finaliza en algún momento, puede agregar una segunda condición a la sección siguiendo las mismas instrucciones pero seleccionando Es antes y establecer la fecha de finalización. Esto proporcionará una ventana cronometrada para que el banner aparezca en su sitio web.

Envolver

Las opciones de condición de Divi le permiten establecer cualquier número de criterios sobre cómo se muestra el contenido en su sitio web. Al diseñar una sección simple en la que se puede hacer clic para que actúe como un banner de ventas y establecer una opción de condición que aparezca después de una fecha y hora específicas, puede programar su promoción para que se inicie a la medianoche y no tener que estar despierto en medio de la noche para ver empieza.

¿Qué tipos de eventos cronometrados descubrirás usando las opciones de condición de Divi?

Imagen destacada del artículo de Wongstock / shutterstock.com

El cargo Cómo revelar un banner de ventas a la medianoche exactamente con las opciones de condición de Divi apareció primero Blog temático elegante.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *