Cómo crear un banner personalizado en el sitio

En este artículo:

• Cómo entender los banners personalizados en el sitio
• Diseña el banner
• Configura los ajustes y la segmentación
• La experiencia en el sitio

Cómo entender los banners personalizados en el sitio

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

Como los banners usan la potencia de los segmentos y los datos de perfil de Klaviyo, puedes ir más allá de los anuncios genéricos. Usa banners del sitio para:

• Muestra ofertas segmentadas: Muestra llamados a la acción (CTA) claros para promociones específicas para impulsar las conversiones.
• Haz anuncios de marketing: alerta a todas las personas que visiten el sitio sobre una nueva oferta o lanzamiento de producto en cuanto lleguen.
• Reconoce a los VIP: Saluda a tus mejores clientes por nombre y muestra su saldo actual de puntos de lealtad para que se sientan valorados y listos para comprar.

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

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

Diseña el 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 mosaico de Banner, selecciónalo.

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

Elige nombres que puedas conservar: los nombres del banner y del mensaje no se pueden cambiar después de crearlos.

1. Ingresa tu mensaje y elige cómo los compradores pueden hacer clic en el banner:
   • Texto del banner: El mensaje principal de tu banner. Puedes incluir variables de perfil (como el nombre o el saldo de puntos) para personalizar el saludo.
   • Tipo de enlace del banner: Elige Banner completo con clic, Solo enlace o Sin enlace.
   • Texto del enlace: Ingresa el texto del llamado a la acción cuando elijas Solo enlace. Este campo es obligatorio para esa opción.
   • Enlace de redireccionamiento: Ingresa la URL de destino para Todo el banner se puede hacer clic o Solo enlace. Este campo es obligatorio para ambas opciones.
2. Abre Estilo para personalizar el diseño y la experiencia de uso según 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 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.

Configura los ajustes y la segmentación

Cuando el banner se vea como quieres, debes definir cómo se comporta y quién lo verá.

1. En Estilo (o en la configuración General), configura la apariencia del banner:
   • Manténlo fijo: Activa esta opción si quieres que el banner permanezca anclado en la parte superior de la pantalla mientras el usuario se desplaza. Esta opción está desactivada 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 tu editor usa la configuración de General, haz clic en el banner en la vista previa y luego selecciona Segmentación.
   • Mostrar a: Selecciona las listas o segmentos cuyos compradores deben 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 tu editor usa la configuración General, haz clic en Volver a la configuración general y elige Visibilidad del banner. Elige entre:
   • Todos los compradores: Muestra el banner a los visitantes, sin importar si iniciaron sesión o si se les reconoce.
   • Solo compradores con sesión iniciada: Muestra el banner solo a los compradores que tengan la sesión iniciada.
   • Compradores con sesión iniciada o reconocidos: muestra el banner a los compradores que tienen la sesión iniciada o que 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, luego, haz clic en Publicar. Espera la confirmación de que se guardaron los cambios.

Contenido

Segmentación

La experiencia en el sitio

Una vez que se publique con una configuración de visibilidad distinta de Oculto, el banner se cargará en la parte superior de tu sitio web para los visitantes que cumplan con tus criterios de segmentación. Puede haber un ligero retraso entre el momento en que publiques el banner y cuando aparezca en tu sitio web.

Si activaste la configuración de cierre, los visitantes pueden cerrar el banner. Klaviyo mantendrá este estado de cierre por usuario y navegador, para que no se les muestre repetidamente un banner que ya cerraron.