Cómo crear un banner personalizado para tu sitio web

En este artículo:

• Entender los banners personalizados en el sitio web
• Diseña tu banner
• Configura los ajustes y la segmentación
• La experiencia en el lugar
• Revisar las estadísticas

Entender los banners personalizados en el sitio web

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

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

• Mostrar ofertas personalizadas: Muestra llamadas a la acción (CTA) claras para promociones específicas con el fin de impulsar la conversión.
• Publica anuncios de marketing: avisa a todos los visitantes de una nueva oferta o del lanzamiento de un producto nada más llegar.
• Identifica a los clientes VIP: Saluda a tus mejores clientes por su nombre y muéstrales su saldo actual de puntos de fidelidad para que se sientan valorados y con ganas de comprar.

Diseña tu banner

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

1. Ve a la pestaña «Klaviyo Customer Hub» (o «Onsite») en tu cuenta de Klaviyo.
2. Selecciona «Crear banner».
   
3. En la sección «Contenido», escribe tu mensaje:
   • Texto del cuerpo: El mensaje principal de tu banner. Puedes incluir variables de perfil (como el nombre o el saldo de puntos) para personalizar el saludo.
   • Texto de la llamada a la acción: El texto para tu llamada a la acción (opcional).
   • Tipo de CTA: Elige si se puede hacer clic en todo el banner o solo en el enlace de la CTA.
   • Enlace de llamada a la acción: la URL de destino a la que se redirigirá a los usuarios cuando hagan clic.
4. En la sección «Estilos», personaliza el aspecto para que se adapte a tu marca:
   • Color de fondo
   • Tipo de letra & color
   • Color del enlace de la llamada a la acción (por defecto, será el mismo que el color del texto, pero subrayado).

Configura los ajustes y la segmentación

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

1. En el editor de banners, ve al panel de configuración.
2. Configura tus reglas de visualización:
   • Fijación: Activa esta opción si quieres que el banner permanezca fijado en la parte superior de la pantalla mientras el usuario se desplaza. (Esta opción está desactivada por defecto).
   • Cerrar: Activa esta opción si quieres que los usuarios puedan hacer clic en « "» o «X»" para cerrar el banner. (Esta opción está activada de forma predeterminada).
3. En «Segmentación», selecciona los públicos específicos a los que quieres mostrar este banner. Puedes segmentar según:
   • Segmentos específicos de Klaviyo.
   • Estado del visitante (anónimo frente a identificado/con sesión iniciada).
4. Las etiquetas de personalización solo son compatibles con compradores que hayan iniciado sesión o que hayan sido reconocidos.
5. Haz clic en «Publicar» para que tu banner se publique.

Contenido

Segmentación

La experiencia en el lugar

Una vez publicado, tu banner aparecerá en la parte superior de tu sitio web para los visitantes que cumplan con tus criterios de segmentación. Puede que haya un pequeño retraso entre el momento en que publiques tu banner y el momento en que aparezca en tu sitio web.

Si has activado la opción de cierre, los visitantes pueden cerrar el banner. Klaviyo guardará este estado de cierre por usuario y navegador, asegurándose de que no se les muestre repetidamente un banner que ya hayan cerrado.