ElegantThemes

Cómo crear con Divi. un banner publicitario recurrente

Con divis Opciones de condición actualización, tiene más control que nunca sobre la visualización de su contenido. Puede agregar condiciones a secciones, líneas y módulos para mostrar su contenido solo cuando cumpla con los criterios especificados. Hoy te mostraremos cómo usarlo. agregue un anuncio de banner recurrente a su sitio web Doscondición de fecha y hora. De esa manera, puede configurarlo y olvidarse de él, pero se lo recordará constantemente a sus clientes y clientes. ¡Vamos a empezar!

Cómo crear un banner publicitario recurrente

Su primer paso debe ser decidir en qué página (s) desea que aparezca el banner recurrente. En este ejemplo, estamos usando una página que comienza con el Paquete de diseño para pizzería artesanal que puede encontrar en Divi-Builder. Para utilizar uno de nuestros diseños prediseñados, seleccione el símbolo + morado en el Divi Builder y encuentre el diseño que desee.

Puede seguir estos pasos independientemente del diseño que esté utilizando.

Agregar una nueva sección

Dado que este banner solo aparece ocasionalmente, no desea agregarlo a un elemento existente en la página. Necesitará una sección completamente nueva para esto. presione el símbolo + azul para agregar una nueva sección a la página. Escoger Regular Tipo de sección en la ventana que se abre.

agregar una sección regular

Esta sección será su banner recurrente.

Elija su diseño de columna

Nuevamente, el diseño que desea que tenga su banner está bien, pero usaremos un diseño de 3 columnas, siendo la columna del medio la más grande para este ejemplo.

estructura de columna de banner recurrente

Diseña tu banner

Este es un anuncio de banner, así que tómate el tiempo para que se note. Haremos que el fondo sea de un color llamativo, utilizando algunas fuentes llamativas y destacando cómo el cliente puede aprovechar la oferta.

Elija un color de fondo

Ir a la primera sección la configuración y navegar a antecedentes bajo la Pestaña de contenido. Usamos el color # B23F19 como fondo.

Color de fondo

Ajustar el espaciado de línea

Cuando guarde eso, vaya a la Configuración de línea. Allí haga clic en el Ficha diseño y el Opciones de tamaño. Selecciona el amplio y Ancho máximo para 100%. Esto estirará el borde verde de la línea hasta el borde de la ventana gráfica.

ancho de banner recurrente

Agregar y diseñar un módulo de botones

A continuación, haga clic en tercera columna y añadir Módulo de botones Uso de simbolo + negro.

Botón Agregar

Luego haga clic en el Configuración de botones y personalizar el URL del vínculo del botón bajo la Pestaña de contenido. Aquí es donde el cliente debería poder canjear las promociones que tiene de forma regular.

Enlace de botón

Entonces ve al borrador Tab y seleccione Usar estilos de botones personalizados. Sus detalles pueden diferir, pero para este artículo queremos usar el texto de inmediato. # B23F19 como el fondo de arriba, y luego ponemos el color de fondo en Blanco.

estilos de botones personalizados

Agregar texto a otras columnas

Las otras dos columnas del diseño son el texto promocional del banner recurrente, y solo usa un estándar Módulo de texto para lograr eso.

Módulo de texto

En la primera columna, agregue titular que da el nombre de la acción. En este caso de ejemplo Viernes de pizza.

Viernes de pizza

Entonces ve al Ficha diseño. Nos decidimos por este diseño especial Secuencia de comandos de Eudora como el Fuente de encabezado, negrita Peso de la fuente, 3rem como el Tamano del texto, y blanco Color de texto con centrar Alineación.

Viernes de pizza

En la columna del medio, repita los mismos pasos, solo usando texto corriente normal por el contenido.

A granel

Luego, ajuste la configuración para esto como se describe arriba. En este ejemplo hemos elegido Poppins como el Fuente del texto del cuerpo en 1.5rem tamaño de fuente, pero establezca los demás como texto publicitario.

Publicidad de banner

Ahora que tenemos el banner publicitario, podemos configurarlo para que se repita.

Agregue una posición fija al área del banner

Como desea que se note, querrá fijar la sección en la parte superior de la página. Puede hacer esto yendo al «Lengüeta avanzada de Configuración de la sección. Debajo posición, escoger Reparadoy luego haga clic en Cuadrado en el centro superior para indicar dónde Divi debe poner la sección. También incluimos Índice Z de 99 para asegurarse de que el banner se sitúe sobre otro contenido de la página.

banner recurrente

Tenga en cuenta que la sección permanecerá en Divi Builder y no aparecerá en la parte superior. Entonces, cuando edita la página, puede colocar la sección donde desee. Sin embargo, las opciones de posición siempre lo muestran permanentemente en el sitio en vivo.

Animar el banner recurrente

También puede captar la atención del cliente utilizando la función de animación incorporada de Divi. Ir a borrador pestaña y encontrarlos Opciones de animación. Con un banner recurrente, puede hacer mucho con un simple efecto deslizante. Así que elige Diapositiva debajo Estilo de animación, selecciona el Dirección de animación para Abajo, y luego configure el Retraso de la animación para 500 ms (medio segundo) para que no aparezca inmediatamente como cualquier otro contenido. Un retraso le muestra al cliente que es especial y que está prestando atención.

animación

Establecer lógica condicional

Una vez que haya configurado el posicionamiento y la animación, es hora de hacerlo. Lógica condicional El banner publicitario recurrente se repite realmente. Estas opciones se pueden encontrar en el Configuración de la sección, bajo la «Lengüeta avanzada, haciendo condiciones Zona. hacer clic Agregar condición Para empezar.

visualización condicional recurrente

Desplácese hasta encontrar Fecha y hora bajo la Interacción Subtítulo. Luego seleccione el anuncio En ciertos días de la semana en el siguiente menú desplegable. Después de seleccionar simplemente el día de la semana, volverá a aparecer el banner publicitario.

Fecha y hora de lógica condicional para banners recurrentes

Guarde sus cambios y su promoción recurrente estará completa. Ahora lo han configurado para que puedas olvidarte de él. ¡Como pastel (de pizza)!

Envolver

Las opciones condicionales de Divi le permiten crear banners publicitarios recurrentes que solo aparecerán en su sitio web bajo ciertas circunstancias que usted elija. No solo tiene que ser la fecha y la hora, como en este ejemplo. Puede ser tan robusto como puedas imaginar porque las opciones condicionales permiten la lógica anidada. Pero con un anuncio de banner recurrente, verá lo fácil que puede ser fijar una sección en la parte superior de su sitio y luego usar las opciones condicionales de Divi para mostrarla solo un día a la semana. Una vez configurado, no es necesario tocarlo si no lo desea.

¿Qué promociones ejecutará con las opciones de condición de Divi y un banner recurrente?

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

El cargo Cómo crear con Divi. un banner publicitario recurrente 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 *