Ir al contenido principal

¿Cómo se configura el banner de Web Layer?

Escrito por Klaudia Lewandowska

En este artículo descubrirás lo rápido y fácil que es configurar esta función tan útil. ¡Empecemos!

Para preparar tu primer banner de Web Layer, tienes que ir a la pestaña «Onsite» y, a continuación, a la sección «Banner de Web Layer».

Navega por la barra de menú amarilla que se encuentra a la izquierda de la pantalla.

¡Puedes ver cómo configurar el banner de Web Layer en este vídeo!

Paso 1: elegir una plantilla

Elige el tipo de banner que mejor se adapte a tus necesidades. ¿Quieres una plantilla con un botón CTA o con texto enlazado? ¡Tú decides!

Paso 2: personalización del banner

Aquí podrás cambiar el aspecto y la ubicación del banner. A la izquierda aparecerá un menú detallado en el que podrás elegir:

  • Posición: puede estar en la parte superior o inferior de la página.

  • Estilo: decide si el banner debe estar fijado permanentemente en un solo lugar (overlay), ser un elemento más de la página para no tapar nada (full pushing) o, por ejemplo, desplazarse a medida que se desplaza la página (floating).

  • Color: al igual que con el slider, puedes decidir si el banner debe ser de un solo color, con degradado o con una foto.

  • Contenido: aquí escribe un eslogan llamativo y una llamada a la acción (CTA), elige el color de la fuente e inserta el enlace al que debe dirigir el banner.

Paso 3: ajustes adicionales

Es exactamente el mismo menú que ya conoces de la configuración del slider. Elige en qué dispositivos se mostrará la creatividad, en qué subpáginas y durante cuánto tiempo. Decide dónde se colocará y en qué dispositivos se mostrará tu banner Web Layer. Pueden ser tanto dispositivos de escritorio como móviles, o puedes seleccionarlos individualmente.

Al igual que durante la configuración del slider de Web Layer, también durante la configuración final del banner de Web Layer, al final del proceso de creación debes establecer cuándo, durante cuánto tiempo y en qué páginas debe mostrarse. Hay varias opciones para elegir:

  • Desencadenante de la aparición del slider: esta sección es más completa que en la configuración del slider de Web Layer, ya que tenemos más opciones disponibles a la hora de activar la acción de mostrar el banner. Puedes elegir si el banner debe mostrarse inmediatamente, tras un periodo de tiempo determinado (por ejemplo, con un retraso de 5 segundos), como consecuencia de la inactividad del cliente (indicando el tiempo sin interacción del cliente con la tienda en segundos), o en elementos que tengan un identificador especial (por ejemplo, un ID) o una clase. También hay una opción disponible en el Web Layer Slider, que se activa cuando el cliente se desplaza hasta el 50 % de la página. Además, el banner puede aparecer al intentar salir de la página o al hacer clic en un elemento seleccionado.

  • El lugar donde se mostrará la creatividad: aquí indicas en qué páginas se mostrará el slider. Puede ser la página de inicio, cualquier página de tu tienda online, páginas de productos o páginas con una URL concreta o HTML añadido.

  • Periodo de tiempo durante el cual se mostrará el slider: puedes decidir si el diseño se mostrará de inmediato o en una fecha que tú elijas. Aquí también puedes especificar cuántas veces se mostrará el slider, por ejemplo, una vez por hora.

  • Estado de la suscripción: aquí puedes elegir los estados de suscripción de tus clientes a los que se les mostrará un banner de capa web específico creado por ti. Puedes elegir entre: todos (any), suscriptores (subscribed), dados de baja (unsubscribed) y dados de baja y desconocidos (unsubscribed and unknown).

  • Nombre del Web Layer Slider: por último, ponle un nombre adecuado al banner Web Layer que has creado y que vas a utilizar en tu campaña concreta.

Por último, ponle un nombre al proyecto completo.

Paso 4: mira la creación en la vista previa y publícala

Echa un vistazo a los cambios haciendo clic en el botón Preview -> Go to store.


¿Necesitas ayuda adicional?

Si tienes alguna pregunta adicional sobre cómo trabajar con el banner Web Layer en edrone, ponte en contacto con nosotros en hello@edrone.me

¿Ha quedado contestada tu pregunta?