Cómo configurar el widget Añadir al carrito en el Customer Hub

Objetivos del artículo

Descubre cómo mostrar un widget interactivo de Agregar al carrito en las páginas de detalles del producto. El widget personalizable permite que los compradores agreguen un producto al carrito o lo guarden para más tarde mientras se desplazan hacia abajo en la página.

Antes de empezar

Esta guía explica cómo habilitar el widget Agregar al carrito en el sitio. Antes de continuar, asegúrate de tener habilitadas las funciones de Klaviyo Customer Hub en Klaviyo. Para que los compradores puedan guardar productos desde el widget, habilita Favoritos.

El widget Agregar al carrito es una función de pago de Klaviyo Customer Hub y también está disponible durante una prueba gratis de Klaviyo Customer Hub. Asegúrate de que el widget principal de Klaviyo Customer Hub sea visible para los compradores a los que quieres llegar.

Más información sobre Klaviyo Customer Hub.

Resumen

El widget de Añadir al carrito mantiene una opción de compra al alcance mientras los compradores se desplazan por una página de detalles del producto. Se anima desde un ícono mínimo del widget hasta una vista expandida del producto actual con un botón de Añadir al carrito. El widget se muestra solo en las páginas de detalles del producto, a la profundidad de desplazamiento que selecciones. También puedes elegir qué compradores lo ven.

Cuando Favoritos está habilitado, los compradores también pueden guardar artículos en su lista de favoritos directamente desde el widget.

Cuando el widget está habilitado, las notificaciones de chat web seguirán siendo accesibles en una barra de notificaciones mínima, lo que garantiza que el comprador solo vea la información más importante en un momento dado.

Cómo configurar el widget Agregar al carrito

1. Navega a Customer Hub en el menú de navegación izquierdo de Klaviyo.
2. Selecciona Diseño.
3. Selecciona Editar tu Hub.
4. Selecciona Cerrado y, luego, elige Agregar al carrito en el menú desplegable de vista ubicado encima de la vista previa.
5. En la pestaña Contenido, activa Mostrar ventana emergente de Agregar al carrito. En Tiempo, ingresa un valor de 1 a 100 para Mostrar ventana emergente después de que el comprador se haya desplazado. Este es el porcentaje de la distancia que un comprador puede desplazarse desde la parte superior hasta la inferior de la página.
6. En Visibilidad, elige un estado de inicio de sesión para controlar qué compradores ven el widget de Agregar al carrito:
   • Todos los compradores (reconocidos, con sesión iniciada y sin sesión iniciada): muestra el widget a todos los que visiten la página de detalles de un producto.
   • Compradores con sesión iniciada o reconocidos – muestra el widget a compradores reconocidos por Klaviyo (a través de un token _kx) o a quienes hayan iniciado sesión en su cuenta. Esta es la configuración recomendada para una experiencia personalizada que excluye a los visitantes anónimos. Esta opción está disponible cuando Personalización para compradores reconocidos está habilitada en Configuración de Klaviyo Customer Hub.
   • Solo compradores con sesión iniciada: restringe el widget estrictamente a los usuarios que hayan completado un inicio de sesión completo de la cuenta.
   • Compradores que cerraron sesión – muestra el widget a compradores que no hayan iniciado sesión, incluidos los visitantes anónimos. Si Favoritos es visible para ellos, los compradores anónimos pueden guardar productos en su dispositivo sin iniciar sesión. Sus favoritos guardados se sincronizan con su perfil cuando inician sesión.
7. Opcional: Usa Mostrar a grupos o Ocultar de grupos para incluir o excluir listas o segmentos, como clientes VIP o suscriptores del boletín.
   • Los filtros de grupo no restringen a los compradores anónimos cuando Estado de inicio de sesión está configurado como Todos los compradores o Compradores con sesión cerrada. Para segmentar grupos conocidos, selecciona Compradores con sesión iniciada o reconocidos o Solo compradores con sesión iniciada.
8. Haz clic en Publicar para guardar la configuración del widget.

Si has mantenido Klaviyo Customer Hub oculto mientras lo configurabas, vuelve a Klaviyo Customer Hub y selecciona Configuración. En Configuración general, configura Visibilidad de Klaviyo Customer Hub como En vivo y haz clic en Guardar para activarlo en el sitio.

Cómo desactivar el widget Añadir al carrito

1. Navega a Customer Hub en el menú de navegación izquierdo de Klaviyo.
2. Selecciona Diseño.
3. Selecciona Editar tu Hub.
4. Selecciona Cerrado y, luego, elige Agregar al carrito en el menú desplegable de vista ubicado encima de la vista previa.
5. Selecciona la pestaña Contenido.
6. Desactiva Mostrar la ventana emergente Añadir al carrito.
7. Haz clic en Publicar para aplicar los cambios.

Recursos adicionales

• Cómo personalizar el estilo de tu Customer Hub
• Primeros pasos con el chat web
• Cómo mostrar tus botones favoritos en tu sitio y en el Customer Hub