Primeros pasos con el Customer Hub para WooCommerce

Lectura estimada de 10 minutos

Acerca del Customer Hub

Customer Hub es el lugar donde tus clientes pueden gestionar su relación con tu marca. Consolida la funcionalidad tradicional de la cuenta con experiencias de compra personalizadas, como guardar productos en favoritos, mostrar cupones únicos y mostrar recomendaciones de productos. Klaviyo Customer Hub impulsa los ingresos y reduce la carga del equipo de asistencia al unificar todo en un solo lugar, lo que aumenta la interacción con tus herramientas de marketing más valiosas, incluidos programas de fidelización, suscripciones y mucho más.

Customer Hub admite tiendas de WooCommerce a través de la extensión de WooCommerce. Como WooCommerce no utiliza la aplicación nativa de Shopify de Klaviyo, la configuración requiere unos pasos adicionales en comparación con Shopify, específicamente, conectar las credenciales de tu tienda y redirigir el enlace de la página de tu cuenta.

Nota: Para obtener comentarios sobre la funcionalidad del Customer Hub, envía un correo electrónico a customerhub@klaviyo.com.

Antes de empezar

Antes de configurar el Customer Hub para WooCommerce, confirma lo siguiente:

• Tienes una tienda de WooCommerce activa integrada con Klaviyo.
• Tienes acceso a tu clave de consumidor de WooCommerce y a tu secreto de consumidor (generado a partir de la configuración de la API REST de WooCommerce).
• Tienes acceso de administrador tanto a tu cuenta de Klaviyo como a tu tienda de WooCommerce.

1. Habilitar el Customer Hub

1. Ve a la pestaña Customer Hub en Servicio en la navegación principal de Klaviyo.
2. Haz clic en Empezar para comenzar tu proceso gratuito de prueba e incorporación.

En el flujo de trabajo guiado que sigue, harás lo siguiente:

• Personaliza el diseño y la construcción de marca de tu Customer Hub.
• Personaliza tu widget en el sitio para ayudar a los compradores a descubrir tu Hub.
• Añade contenido personalizado a tu Hub desde una biblioteca de bloques de contenido prediseñados, incluidos bloques creados por socios que muestran datos dinámicos, como puntos de fidelidad y estados de suscripción.
• Dirígete a los compradores en función de tres estados de autenticación distintos:

Después de completar el flujo de trabajo de incorporación, accederás al panel del Customer Hub. Aún no actives el Customer Hub: completa primero los pasos 2 y 3 para asegurarte de que tu tienda de WooCommerce esté conectada correctamente.

2. Conecta tu tienda de WooCommerce

Dado que el Customer Hub se conecta a los datos de tu tienda a través de la API REST de WooCommerce, debes proporcionar las credenciales de tu tienda antes de activarla. Esto permite que el Customer Hub muestre el historial de pedidos, los perfiles de clientes y otros datos de la tienda dentro de la experiencia del Customer Hub.

Genera tus credenciales de API de WooCommerce

1. En el panel de administración de WordPress, navega a WooCommerce > Configuración > Avanzado > API REST.
2. Haz clic en Añadir clave.
3. Establece los permisos en Lectura/Escritura y asigna un nombre descriptivo (por ejemplo, "Klaviyo Customer Hub").
4. Haz clic en Generar clave de API.
5. Copia tu clave de consumidor y tu secreto de consumidor; solo se mostrarán una vez.

Importante: Guarda tus claves de consumidor y tu secreto de consumidor de forma segura antes de salir de esta página. WooCommerce no volverá a mostrar el secreto del consumidor después de que te alejes.

Añadir tus credenciales a Klaviyo

1. En Klaviyo, ve a Customer Hub > Extensiones.
2. Haz clic en la pestaña Configuración de la extensión.
3. En la sección WooCommerce, ingresa lo siguiente:
   • Dominio de URL de la tienda — el dominio base de la tienda (p. ej., example.com)
   • Clave del consumidor: la clave generada en WooCommerce
   • Secreto del consumidor: el secreto generado en WooCommerce
4. Haz clic en Guardar.

Una vez guardadas, Klaviyo usará estas credenciales para obtener datos de pedidos y clientes de tu tienda de WooCommerce y mostrarlos en el Customer Hub.

3. Actualiza el enlace de la página de tu cuenta

A diferencia de Shopify, WooCommerce no redirecciona automáticamente la página /my-account para abrir Klaviyo Customer Hub. Debes actualizar manualmente el enlace de la página de cuenta en tu sitio para que dirija a la experiencia de Klaviyo Customer Hub.

Cómo se activa el Customer Hub

Klaviyo Customer Hub se abre cuando un comprador navega a una URL que termina en #k-hub. Para reemplazar la experiencia predeterminada de cuenta de WooCommerce por Klaviyo Customer Hub, actualiza cualquier enlace en tu sitio que apunte a la página /my-account para que redirija a:

https://your-store-domain.com/#k-hub

Dónde actualizar los enlaces de la cuenta

Las ubicaciones comunes que se actualizarán son las siguientes:

• Menús de navegación: el enlace "Mi cuenta" o "Iniciar sesión" en el encabezado o pie de página de tu sitio.
• Plantillas del tema: cualquier enlace codificado a /my-account en los archivos del tema.
• Widgets o códigos cortos: cualquier widget de cuenta de WooCommerce incrustado en barras laterales o plantillas de página.

Consejo: Puedes usar el personalizador de tu tema, un creador de páginas o editar directamente los archivos de la plantilla para actualizar estos enlaces. Si no estás seguro de dónde aparecen los enlaces de la cuenta en tu sitio, busca en los archivos de tu tema las referencias a /my-account.

Preservando la experiencia predeterminada de la cuenta de WooCommerce para enlaces específicos

Si tienes un enlace que debería abrir directamente la página estándar de cuenta de WooCommerce en lugar de Klaviyo Customer Hub, agrega el atributo data-k-hub-ignore a ese enlace:

HTML

<a href="/my-account" data-k-hub-ignore>View my account</a>

Esto indica al Customer Hub que omita ese enlace específico y permita el comportamiento predeterminado.

4. Habilita las extensiones para personalizar la experiencia de compra

Las extensiones son funciones adicionales que impulsan una mayor interacción e ingresos a través del Customer Hub. Abre el menú Extensiones para habilitar lo siguiente:

• Recomendaciones de productos: muestra recomendaciones de productos personalizadas basadas en la IA de Klaviyo.
• Favoritos: ofrece a los compradores la posibilidad de guardar productos y mostrarlos en el Customer Hub.
• Preguntas frecuentes: crea una lista de preguntas frecuentes para mostrarlas en la pestaña Chat antes de que los compradores inicien una conversación.
• Chat web: añade la pestaña Chat y permite que los compradores chateen con el Agente de Clientes y/o agentes humanos de Klaviyo a través de Klaviyo Helpdesk o un proveedor de Helpdesk compatible.
• Asistencia: permite que los compradores hagan clic en "obtener ayuda" en las páginas de detalles de pedidos, dirigiéndolos a Klaviyo Helpdesk, un enlace a una página de ayuda externa, el chat de Gorgias u ocultando la opción por completo.

Nota: Las reseñas, la fidelización (Smile.io / Yotpo), la gestión de suscripciones, el seguimiento de pedidos (de terceros) y la gestión de devoluciones no son compatibles actualmente con las tiendas de WooCommerce.

5. Vincula tu política de privacidad y tus condiciones del servicio

Para mantener el cumplimiento e informar a los compradores sobre las condiciones que rigen sus interacciones con el Customer Hub, añade enlaces a la política de privacidad y a las condiciones del servicio de tu sitio en el menú de configuración del Customer Hub.

Estos enlaces aparecen antes de que un comprador inicie sesión, así como antes de que envíe un mensaje de chat web.

6. Activa el Customer Hub

Antes de publicar, usa el botón Ver en vivo para previsualizar y probar que todas las funciones añadidas funcionan como es debido, especialmente los datos de pedidos de tu tienda de WooCommerce.

Cuando estés listo para publicar:

1. Navega hasta el menú de configuración del Customer Hub.
2. En Visibilidad del Customer Hub, selecciona Activo > Guardar.

Una vez activados, todos los cambios guardados se aplican inmediatamente a la experiencia en el sitio.

7. Analiza tu rendimiento

Una vez que el Customer Hub esté activo, monitorea su rendimiento en el panel del Customer Hub. Revisa métricas e informes clave de ingresos para comprender el valor de la experiencia de la cuenta de cliente y utiliza estos datos para informarte sobre cómo personalizar el Customer Hub para tu base de clientes específica.

Preguntas frecuentes

¿Cómo descubren o abren mis clientes el Customer Hub?

Cuando Klaviyo Customer Hub está configurado como "en vivo" y se han actualizado los enlaces de la página de la cuenta (consulta el paso 3), cualquier enlace que apunte a /#k-hub abrirá Klaviyo Customer Hub. También recomendamos habilitar el widget de Klaviyo Customer Hub para impulsar la interacción continua.

¿Por qué el Customer Hub no se abre automáticamente cuando los compradores hacen clic en "Mi cuenta"?

A diferencia de Shopify, WooCommerce no utiliza una app nativa de Klaviyo que pueda interceptar automáticamente los enlaces de la página de cuenta. Debes actualizar manualmente los enlaces de la página de cuenta para que apunten a /#k-hub en lugar de /my-account. Consulta el paso 3 para conocer más detalles.

¿Por qué algunos compradores pueden ver su nombre y sus pedidos recientes sin iniciar sesión?

Klaviyo Customer Hub utiliza el "Estado identificado" de Klaviyo para reconocer a los compradores que regresan a través de tokens del navegador. Esto permite una experiencia personalizada, como mostrar una lista de favoritos, hasta por 28 días. La información delicada, como las direcciones completas y los métodos de pago, permanece oculta hasta que el comprador complete un inicio de sesión completo.

¿Qué datos de pedidos obtiene el Customer Hub de WooCommerce?

Klaviyo Customer Hub utiliza la API REST de WooCommerce para obtener el historial de pedidos, el estado de los pedidos y los datos del perfil del cliente. Asegúrate de que tu clave de consumidor tenga permisos de lectura/escritura para permitir que el Customer Hub muestre estos datos con exactitud.

¿Dónde encuentro mi clave de consumidor de WooCommerce y mi secreto de consumidor?

En el panel de administración de WordPress, navega a WooCommerce > Configuración > Avanzado > API REST. Si aún no has generado tus credenciales, haz clic en Añadir clave y sigue las instrucciones. Ten en cuenta que el secreto del consumidor solo se muestra una vez en el momento de la generación.