Integración con Wix

Conecta tu chatbot de ChatLab con tu tienda Wix para dar a los clientes acceso en tiempo real al seguimiento de pedidos directamente en el chat.

Importante: mejores prácticas de e-commerce

Tras completar la integración descrita abajo, consulta la guía completa sobre cómo optimizar tu chatbot para e-commerce: Cómo configurar ChatLab para tu tienda de e-commerce

Qué ofrece la integración

Detalles del pedido - Los clientes pueden comprobar el estado del pedido indicando su número de pedido y dirección de correo electrónico. Ambos datos se validan con los registros de tu tienda Wix. El chatbot devuelve:

• Número de pedido, fecha y estado actual
• Total del pedido y moneda
• Estado del pago
• Artículos pedidos con nombre, cantidad, precio, SKU e imagen del producto
• Dirección de envío y dirección de facturación (nombre, empresa, calle, ciudad, código postal, país, teléfono)
• Método de entrega y plazo de entrega estimado

Paso 1: obtener el Site ID de tu Wix

1. Inicia sesión en tu panel de administración de Wix
2. En la barra de direcciones de tu navegador, localiza el parámetro siteId en la URL
3. Copia el valor de Site ID

Paso 2: crear una clave de API de Wix

1. En el panel de Wix, haz clic en tu icono de perfil (arriba a la derecha) y selecciona Account Settings (Configuración de la cuenta)

2. Abre la sección API Keys (Claves de API) desde la barra lateral izquierda

3. Haz clic en Generate API Key (Generar clave de API)

4. Asigna un nombre a tu clave (p. ej., "chatlab") y concede estos permisos dentro del grupo All site permissions (Todos los permisos del sitio):
   • Wix Stores
   • Wix eCommerce

5. Haz clic en Generate Key (Generar clave), completa cualquier verificación de seguridad y copia tu clave de API de la pantalla que se muestra una sola vez - guárdala en un lugar seguro, ya que no se volverá a mostrar

Paso 3: obtener tu Account ID

Tras cerrar el diálogo de la clave de API, localiza el Account ID (ID de cuenta) en la parte derecha de la página API Keys. Haz clic en Copy ID (Copiar ID) para copiarlo.

Paso 4: conectar Wix en ChatLab

1. Inicia sesión en ChatLab y selecciona tu bot
2. Ve a la pestaña Connect (Conectar)

3. Haz clic en Connect (Conectar) en la tarjeta de Wix
4. Introduce tu API Key (del Paso 2)
5. Introduce tu Account Id (del Paso 3)
6. Introduce tu Site Id (del Paso 1)

7. Haz clic en Connect (Conectar)

ChatLab comprueba la conexión de forma automática verificando que tu clave de API disponga de los permisos necesarios. Si todo es correcto, verás un mensaje de confirmación.

Paso 5: configurar las acciones de Wix

Tras conectar, debes activar la acción de detalles del pedido. Dirígete a Settings > Actions (Configuración > Acciones) y filtra por la plataforma Wix.

Haz clic en el botón de activación de la acción Wix - order details para habilitarla. También puedes personalizar la etiqueta de la acción (el mensaje que ven los usuarios mientras se ejecuta la acción) y las instrucciones que guían cómo la IA utiliza la acción.

Probar la integración

Tras activar la acción, abre el widget de tu chatbot y prueba con:

• "¿Cuál es el estado de mi pedido #1001?" (prueba los detalles del pedido)

Verifica que la respuesta coincida con los datos de tu tienda Wix, incluyendo el estado del pedido, los artículos y las direcciones.

Instalar el chatbot en tu sitio web de Wix

Para añadir el widget de chat a tu sitio de Wix:

1. En ChatLab, ve a la pestaña Deploy (Publicar) de tu bot
2. Selecciona la pestaña de la plataforma Wix
3. Copia el fragmento de código
4. En Wix, ve a Settings > Advanced > Custom Code (Configuración > Avanzado > Código personalizado)
5. Haz clic en + Add Custom Code (+ Añadir código personalizado)
6. Pega el código y ponle un nombre (p. ej., "ChatLab")
7. Selecciona en qué páginas debe mostrarse el chatbot
8. Elige Head para la ubicación del código
9. Haz clic en Apply (Aplicar) para guardar

Para obtener instrucciones detalladas sobre la instalación del widget, consulta Cómo añadir tu chatbot a tu sitio web de Wix.