Introducción a Customer Hub para el WooCommerce

Lectura estimada de 10 minutos

Tabla de contenidos

• Acerca de Customer Hub

• Antes de empezar

• 1. Habilita el Customer Hub

• 2. Conecta tu tienda de WooCommerce

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

• 4. Habilita las extensiones para personalizar la experiencia de compra

• 5. Vincula tu política de privacidad y los términos del servicio

• 6. Activa Customer Hub

• 7. Analiza tu rendimiento

• Preguntas frecuentes

• Recursos adicionales

Acerca de Customer Hub

Customer Hub es el único lugar donde tus clientes pueden gestionar su relación con tu marca. Unifica la funcionalidad tradicional de las cuentas con experiencias de compra personalizadas, como guardar productos en favoritos, mostrar cupones únicos y mostrar recomendaciones de productos. Customer Hub genera más ingresos y reduce la carga de asistencia unificándolo todo en un solo lugar, lo que aumenta la interacción con tus herramientas de marketing más valiosas, incluidos los programas de fidelización, las suscripciones y más.

Customer Hub admite escaparates de WooCommerce mediante la extensión de WooCommerce. Dado que WooCommerce no utiliza la aplicación nativa de Klaviyo para Shopify, la configuración requiere unos pocos pasos adicionales en comparación con Shopify, en concreto, para conectar las credenciales de tu tienda y redirigir el enlace a la página de tu cuenta.

Nota: Para obtener comentarios sobre la funcionalidad de Customer Hub, email customerhub@klaviyo.com.

Antes de empezar

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

• Tienes una tienda de WooCommerce activa integrada en Klaviyo.

• Tienes acceso a tu clave de consumidor de WooCommerce y a tu secreto de consumidor (generados 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. Habilita 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 prueba gratuita y el proceso de incorporación.

En el flujo de trabajo guiado que sigue, tú:

• 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 Hub desde una colección de bloques de contenido prediseñados, incluidos los bloques creados por socios que muestran datos dinámicos, como los puntos de fidelidad y los 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, aterrizarás en el panel del Customer Hub. Aún no actives 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

Como 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 ponerla en marcha. Esto permite a Customer Hub mostrar el historial de pedidos, los perfiles de los clientes y otros datos de la tienda en la experiencia de Customer Hub.

Genera tus credenciales de API de WooCommerce

1. En tu panel de administración de WordPress, dirígete a WooCommerce > Configuración > Avanzado > API REST.

2. Haz clic en Añadir clave.

3. Establece los permisos como 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 el secreto de consumidor; solo se mostrarán una vez.

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

Añade tus credenciales a Klaviyo

1. En Klaviyo, ve a Customer Hub > Extensions (Customer Hub > Extensions).

2. Haz clic en la pestaña Configuración de la extensión.

3. En la sección de WooCommerce, introduce lo siguiente:

   • Dominio URL de la tienda: el dominio base de tu tienda (por ejemplo, example.com)

   • Clave del consumidor: la clave generada en WooCommerces

   • El secreto de los consumidores: el secreto que se genera en los WooCommerces

4. Pulsa Guardar.

Una vez guardadas, Klaviyo las usará para recuperar los datos de pedidos y clientes de tu tienda de WooCommerce y mostrarlos en Customer Hub.

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

A diferencia de Shopify, el WooCommerce no redirige automáticamente la página de tu cuenta a Klaviyo Customer Hub. Debes actualizar manualmente el enlace de la página de la cuenta en tu sitio para que apunte a la experiencia del Customer Hub.

Cómo se activa Customer Hub

Customer Hub se abre cuando un comprador navega hasta una URL que termina en #k-hub. Para sustituir la experiencia predeterminada de la cuenta de WooCommerce por Customer Hub, actualiza los enlaces de tu sitio que apunten a la página de tu cuenta/mi-cuenta para que se redirijan 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 «Inicia sesión» en el encabezado o pie de página de tu sitio.

• Plantillas de temas: cualquier enlace codificado a /mi-cuenta en tus archivos de temas.

• Widgets o códigos cortos: cualquier widget de cuenta de WooCommerce integrado en barras laterales o plantillas de página.

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

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

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

<a href=«/my-account» data-k-hub-ignore>Ver mi cuenta</a>

Esto indica a 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 aumentan la interacción y los ingresos a través de 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: permite a los compradores guardar productos y mostrarlos en el Customer Hub.

• Cupones: muestra cupones estáticos únicos y personalizados a los compradores, incluida la segmentación, para generar más conversiones.

• 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 a los compradores chatear con el Customer Agent o los agentes humanos de Klaviyo a través de Klaviyo Helpdesk o un proveedor de asistencia.

• Asistencia: permite a los compradores hacer clic en «Obtener ayuda» desde las páginas de detalles del pedido 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: Actualmente, 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 con los escaparates de WooCommerce.

5. Vincula tu política de privacidad y los términos del servicio

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

Estos enlaces aparecen antes de que los compradores inicien sesión y envíen un mensaje de chat web.

6. Activa Customer Hub

Antes de publicarlo, usa el botón Ver en directo para previsualizar y probar que todas las funciones añadidas funcionan correctamente, especialmente los datos de los pedidos de tu tienda de WooCommerce.

Cuando estés listo para publicar:

1. Dirígete al menú de configuración de Customer Hub.

2. En la visibilidad de Customer Hub, selecciona Activo > Guardar.

Una vez activos, todos los cambios guardados se aplicarán inmediatamente a la experiencia en el sitio.

7. Analiza tu rendimiento

Una vez que el Customer Hub esté activo, monitoriza su rendimiento en el panel del Customer Hub. Revisa las métricas clave de ingresos y los informes para comprender el valor de la experiencia de la cuenta del cliente, y utiliza estos datos para saber cómo adaptas Customer Hub a tu base de clientes específica.

Preguntas frecuentes

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

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

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

A diferencia de Shopify, WooCommerce no utiliza una aplicación nativa de Klaviyo que pueda interceptar automáticamente los enlaces de las páginas de la cuenta. Tienes que actualizar manualmente los enlaces de la página de tu cuenta para que apunten a /#k-hub en lugar de /my-account. Consulta el paso 3 para obtener más información.

¿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 recurrentes a través de tokens del navegador. Esto permite ofrecer una experiencia personalizada, como mostrar una lista de favoritos, durante un máximo de 28 días. La información confidencial, como las direcciones completas y los métodos de pago, permanece oculta hasta que el comprador completa el inicio de sesión.

¿Qué datos de pedidos extrae Customer Hub del WooCommerce?

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

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

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