Centro de ayuda
Integraciones del chatbot

Integración con Wix

Última actualización:

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.

Ejemplo de conversación

Míralo en una conversación

Consulta un pedido

Requiere una tienda conectada y su acción de pedidos habilitada. Los campos disponibles dependen de la integración. La coincidencia de una dirección de correo no constituye prueba de identidad.

Ejemplo de ChatLabConversación ilustrativa

Visitante: ¿Dónde está mi pedido?

Reproduce el ejemplo o léelo abajo. No se utilizan datos reales de clientes.
1 / 5

El cliente pregunta por un pedido existente.

La reproducción se pausa cuando este ejemplo sale de la pantalla. Esto es una simulación, no un chat en vivo. Los controles del widget dentro de la reproducción no son interactivos.
Leer el ejemplo completo
  1. El cliente pregunta por un pedido existente.

    Visitante: ¿Dónde está mi pedido?

  2. La búsqueda predeterminada necesita ambos identificadores.

    Asistente: Por favor, indícame tu número de pedido y la dirección de correo utilizada en el pago.

  3. Usa datos ficticios en este ejemplo.

    Visitante: 41982, anna@example.com

  4. La acción consulta la tienda conectada.

    Comprobando el pedido 41982...

  5. Comunica únicamente la información devuelta por la tienda.

    Asistente: El pedido 41982 figura como enviado. La empresa de transporte es DPD. Por favor, consulta la página de seguimiento para ver las actualizaciones de entrega.

El ejemplo ilustra la experiencia del cliente. Las acciones disponibles y la información devuelta dependen de esta integración y de tu configuración.

Antes de empezar

Primero crea o selecciona un chatbot. Necesitas permisos para gestionar sus integraciones y acceso a los ajustes de conexión de la cuenta externa. Si la tarjeta de Connect muestra un aviso de actualización o de contacto, comprueba que tu suscripción incluye esta integración. Mantén privadas las credenciales de la API; nunca las pegues en el código incrustado de un sitio web.

Importante: Buenas prácticas para E-Commerce

Tras completar la siguiente integración, consulta la guía exhaustiva sobre cómo optimizar tu chatbot para comercio electrónico: Cómo configurar ChatLab para tu tienda de e-commerce

Qué ofrece la integración

Order Details (Detalles del pedido) - Los clientes pueden comprobar el estado de un pedido indicando su número de pedido y su dirección de correo electrónico. Ambos datos se validan contra 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 nombres, cantidades, precios, 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 tiempo estimado de entrega

Paso 1: Obtén tu Site ID de Wix

  1. Inicia sesión en el 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

URL del panel de Wix que muestra el parámetro siteId resaltado|width=40

Paso 2: Crea una clave de API de Wix

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

Menú de perfil de Wix que muestra la opción Account Settings|width=38

  1. Abre la sección API Keys (Claves de API) en la barra lateral izquierda

Barra lateral de Account Settings en Wix con API Keys resaltado|width=18

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

Página de API Keys con el botón Generate API Key|width=60

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

Formulario de creación de clave de API que muestra el campo de nombre y los permisos requeridos|width=60

  1. Haz clic en Generate Key (Generar clave), completa las comprobaciones de seguridad necesarias y copia tu clave de API en la pantalla de visualización única - guárdala en un lugar seguro, ya que no se volverá a mostrar

Cuadro de diálogo que muestra la clave de API generada con el botón de copiar|width=40

Paso 3: Obtén tu Account ID

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

Página de API Keys que muestra el Account ID en el lado derecho con el botón Copy ID|width=60

Paso 4: Conecta Wix en ChatLab

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

Pestaña Connect que muestra la tarjeta de integración de Wix

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

Formulario de integración de Wix con los campos API Key, Account Id y Site Id

  1. Haz clic en Connect

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

Paso 5: Configura las acciones de Wix

La acción de detalles del pedido se activa cuando la conexión se configura con éxito. Revísala tras conectar. Ve a Settings > Actions (Ajustes > Acciones) y filtra por la plataforma Wix.

Acciones de Wix en Settings que muestran la acción de detalles del pedido

Abre Wix - order details para revisarla; actívala si está deshabilitada. También puedes personalizar la etiqueta de la acción (el mensaje que ven los usuarios mientras se ejecuta) y las instrucciones que indican a la IA cómo utilizar la acción.

Cómo probar la integración

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

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

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

Instala el chatbot en tu sitio web de Wix

Para añadir el widget de chat a tu sitio publicado de Wix con un dominio conectado, utiliza la función de código personalizado 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. Selecciona Widget y copia el fragmento de código
  4. En Wix, ve a Settings > Custom Code (Ajustes > Código personalizado, dentro de Development & integrations / Desarrollo e integraciones; en paneles anteriores puede aparecer como Advanced / Avanzado)
  5. Haz clic en + Add Custom Code (+ Añadir código personalizado)
  6. Pega el código y ponle un nombre (por ejemplo, "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

Pestaña Deploy con la plataforma Wix seleccionada mostrando el código y las instrucciones

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

Artículos relacionados