Cómo crear un báner en el sitio web personalizado

En este artículo:

• Comprender los báneres personalizados en el sitio web
• Diseña tu banner
• Configurar ajustes y segmentación
• La experiencia en el sitio

Comprender los báneres personalizados en el sitio web

Los banners personalizados en el sitio te permiten saludar a los visitantes con mensajes muy visibles y segmentados directamente en la parte superior de tu sitio web, sin necesidad de código ni instalación manual.

Como los banners aprovechan el poder de los segmentos de Klaviyo y los datos del perfil, puedes ir más allá de los anuncios genéricos. Usa banners en el sitio para:

• Muestra ofertas segmentadas: muestra llamadas a la acción (CTA) claras para promociones específicas e impulsa la conversión.
• Haz anuncios de marketing: avisa a todos los visitantes sobre una nueva oferta o un lanzamiento de producto en cuanto lleguen.
• Reconoce a los VIP: saluda a tus mejores clientes por su nombre y muestra su saldo actual de puntos de fidelización para que se sientan valorados y listos para comprar.

Antes de empezar, configura Klaviyo Customer Hub para tu tienda. Necesitas acceso a sus funciones de pago y permiso para editar Klaviyo Customer Hub. Los banners del sitio no están disponibles para Salesforce Commerce Cloud.

Para consultar las instrucciones de configuración de Shopify, consulta Primeros pasos con Klaviyo Customer Hub en Shopify.

Diseña tu banner

Para crear un nuevo banner en el sitio, definirás tanto su contenido como su estilo.

1. Ve a Sitio web > Klaviyo Customer Hub > Diseño.
2. En la sección Banner, haz clic en Crear banner. Si en su lugar ves un bloque de Banner, selecciónalo.

3. Si el editor tiene las pestañas Contenido y Estilo, abre Contenido e introduce un Nombre del banner y un Nombre del mensaje en Configuración de Klaviyo. Si el editor se abre con la configuración General, introduce un Nombre del banner y, a continuación, haz clic en el banner en la vista previa para abrir Visualización.

Elige nombres que puedas mantener: los nombres de los báneres y los mensajes no se pueden cambiar después de la creación.

1. Introduce el mensaje y elige cómo pueden hacer clic los compradores en el banner:
   • Texto del banner: El mensaje principal del banner. Puedes incluir variables de perfiles (como el nombre o el saldo de puntos) para personalizar el saludo.
   • Tipo de enlace del banner: Elige Se puede hacer clic en todo el banner, Solo enlace o Sin enlace.
   • Texto del enlace: Introduce el texto de la llamada a la acción (CTA) cuando elijas Solo enlace. Se requiere este campo para esa opción.
   • Enlace de redirección: introduce la URL de destino para Se puede hacer clic en todo el banner o Solo enlace. Se requiere este campo para ambas opciones.
2. Abre Estilo para personalizar el aspecto y la experiencia y que coincidan con tu marca. Si el editor usa la configuración General, haz clic en Volver a la configuración general para encontrar estos controles:
   • Fondo del banner (o Color de fondo en General)
   • Color de fuente del banner y de texto del banner (o Color del texto en General)
   • Color del texto del enlace (o Color del enlace en General). De forma predeterminada, el enlace usa el color del texto y aparece subrayado.

Configurar ajustes y segmentación

Una vez que el banner tenga el aspecto que quieres, debes definir cómo se comporta y quién lo verá.

1. En Estilo (o en la configuración General), configura el aspecto del banner:
   • Mantener fijado: Activa esta opción si quieres que el banner se quede fijado en la parte superior de la pantalla mientras el usuario se desplaza. Está desactivado de forma predeterminada.
   • Descartable: Activa esta opción si quieres que los visitantes puedan cerrar el banner. Esta opción está activada de forma predeterminada.
2. Para segmentar aún más el banner, busca Visibilidad basada en grupos en Contenido. Si el editor usa la configuración General, haz clic en el banner de la vista previa y luego selecciona Segmentación.
   • Mostrar a: selecciona las listas o segmentos cuyos compradores deberían ver el banner.
   • No mostrar a: selecciona las listas o los segmentos que quieres excluir. Si un comprador coincide con ambas audiencias, se excluye.
3. Elige la visibilidad del banner en Contenido. Si el editor usa los ajustes General, haz clic en Volver a los ajustes generales y elige Visibilidad del banner. Elige entre:
   • Todos los compradores: muestra el banner a los visitantes independientemente de si han iniciado sesión o si se les reconoce.
   • Solo compradores con sesión iniciada: muestra el banner solo a los compradores que hayan iniciado sesión.
   • Compradores con sesión iniciada o reconocidos: muestra el banner a los compradores que han iniciado sesión o a quienes Klaviyo reconoce de visitas anteriores.
   • Oculto: Mantén el banner oculto para los compradores.

Si usas etiquetas de personalización, elige Solo compradores que hayan iniciado sesión o Compradores que hayan iniciado sesión o reconocidos. Las etiquetas de personalización no son compatibles con Todos los compradores.

1. Revisa el banner en la vista previa y, a continuación, haz clic en Publicar. Espera a recibir la confirmación de que los cambios se han guardado.

Contenido

Segmentación

La experiencia en el sitio

Una vez publicado con una configuración de visibilidad distinta de Hidden, el banner se cargará en la parte superior del sitio web para los visitantes que cumplan los criterios de segmentación. Puede haber un pequeño retraso entre el momento en que publiques el banner y el momento en que aparezca en el sitio web.

Si has habilitado la configuración de descartar, los visitantes pueden cerrar el banner. Klaviyo mantendrá este estado de descarte por usuario y navegador, para que no se les muestre repetidamente un banner que ya han cerrado.