Cómo añadir un carrito al Customer Hub

Ahora, el Customer Hub incluye una experiencia de carrito integrada. Los compradores pueden ver y gestionar su carrito directamente dentro del centro, sin salir de la página. Puedes configurar lo que aparece en el carrito, incluidas las recomendaciones de productos y los favoritos guardados, y sustituir opcionalmente los enlaces de carrito de tu tienda para que abran Customer Hub en su lugar.

Antes de empezar

Antes de configurar el carrito, asegúrate de tener las funciones de Klaviyo Customer Hub habilitadas en Klaviyo. El carrito está disponible en escaparates de Shopify y Shopify Headless con un plan de pago de Klaviyo Customer Hub o una prueba gratuita activa.

Completa la configuración de Klaviyo Customer Hub en Shopify o Shopify Headless antes de añadir el carrito.

En Shopify Headless, pide al responsable de comercio electrónico que confirme que el escaparate crea un carrito de Shopify antes de que los compradores lo abran en Klaviyo Customer Hub. Klaviyo Customer Hub usa el carrito existente de la tienda.

Configurar el carrito

1. Ve a Sitio web > Klaviyo Customer Hub > Diseño y selecciona Edita tu Hub.
2. Abre y habilita el carrito con los controles del editor:
   • Si ves Añadir contenido (+) en la navegación de la izquierda, selecciónalo y, después, selecciona Carrito en funciones. Esto habilita el carrito y abre su configuración. Si el carrito ya está habilitado, selecciona Carrito en el menú de vista de la vista previa y, después, haz clic en la vista previa del carrito para editar su configuración.
   • Si ves los controles Abierto y Cerrado encima de la vista previa, selecciona Abierto. En el menú Página, selecciona Carrito. En la pestaña Contenido, establece Visibilidad en Todos los compradores.

Desde aquí puedes:

• Habilita o deshabilita el carrito en Customer Hub
• Especifica la colocación del carrito como una pestaña de Customer Hub o como su propio cajón.
• Elige qué mostrar dentro del carrito (Favoritos, Recomendaciones de productos)
• Reemplazar enlaces del carrito para que los enlaces de la tienda que terminen en /cart abran el carrito de Klaviyo Customer Hub en lugar de la página del carrito nativa

El widget Añadir al carrito se configura por separado. Aparece en las páginas de detalles del producto después de que el comprador alcance el umbral de desplazamiento configurado, sujeto a la configuración de visibilidad para compradores. Descubre cómo configurar el widget Añadir al carrito.

Lo que ven los compradores

Cuando un comprador abre el carrito con artículos dentro, ya sea en la pestaña Klaviyo Customer Hub o en su propio cajón, ve:

• Tu carrito (artículos que hay actualmente en su carrito, con la imagen, el nombre, la variante y el precio del producto)
• Controles de cantidad: un paso con un icono de papelera para eliminar un artículo y botones menos/más para ajustar la cantidad
• Completa el carrito (hasta 3 recomendaciones de productos debajo de los artículos del carrito, en función del carrito y el comportamiento del comprador, cuando las recomendaciones de productos están habilitadas para Klaviyo Customer Hub y el carrito, y hay productos recomendados disponibles)
• Compra tus favoritos (artículos guardados que los compradores pueden añadir al carrito si están disponibles (cuando Favoritos está habilitado para Klaviyo Customer Hub y el carrito, el comprador puede ver el carrito y los artículos guardados están disponibles))
• Botón Subtotal y Finalizar compra (fijado en la parte inferior del panel). Al hacer clic en Finalizar compra, el comprador pasa al proceso de pago de Shopify.

Si el carrito está vacío, los compradores ven El carrito está vacío y un botón Empezar a comprar en lugar de los artículos del carrito, las recomendaciones, los favoritos y la barra de pago.

Funciones del carrito

Favoritos en el carrito

Cuando está habilitada y es visible para el comprador, aparece una sección Compra tus favoritos dentro de un carrito no vacío si el comprador tiene productos guardados para mostrar. Los compradores pueden añadir artículos guardados disponibles directamente al carrito desde esta vista. En escaparates estándar de Shopify, los productos guardados que ya están en el carrito se excluyen de esta sección.

Para mostrar los favoritos en el carrito, activa Favoritos en los ajustes del carrito en el editor de Hub y, a continuación, haz clic en Publicar.

Recomendaciones de productos

Cuando está habilitado y hay productos recomendados disponibles, aparece una sección Completar el carrito debajo de los artículos del comprador en un carrito que no está vacío. Las recomendaciones se personalizan en función de lo que haya en el carrito del comprador y su historial de navegación. La sección muestra hasta 3 productos con al menos 1 variante disponible. En los escaparates estándar de Shopify, se excluyen los productos que ya están en el carrito.

Primero, activa las recomendaciones de productos para Klaviyo Customer Hub en Klaviyo Customer Hub > Extensiones y guarda esa configuración.

Para mostrar recomendaciones en el carrito, activa Recomendaciones de productos en la configuración del carrito en el editor del hub y, a continuación, haz clic en Publicar.

Reemplazar enlaces de carrito

Cuando se activa, los enlaces de la tienda online cuyas URL terminan en /cart abren el carrito de Klaviyo Customer Hub en lugar de llevar a la página del carrito de Shopify. Se reemplaza un icono de carrito cuando usa uno de estos enlaces. Esta configuración no se aplica a los botones y enlaces de carrito personalizados con cadenas de consulta. Los compradores pueden gestionar el carrito en Klaviyo Customer Hub y, a continuación, usar Checkout para continuar con el proceso de pago de Shopify.

Para habilitar esta configuración, activa Sustituir enlaces del carrito en la configuración del carrito en el editor del Hub y, a continuación, haz clic en Publicar. Prueba el icono del carrito de la tienda para confirmar que abre el carrito de Klaviyo Customer Hub.

Ubicación del carrito

Elige cómo acceden los compradores al carrito mediante la opción Ubicación en la configuración del carrito en el editor de Hub:

También puedes configurar el aspecto general del hub (forma, lado del muelle, colores, fuentes) desde la pestaña Estilo: el carrito hereda estos ajustes.