Conecta tu chatbot de ChatLab con tu tienda CS-Cart para ofrecer a los clientes acceso en tiempo real a la información de productos y al seguimiento de pedidos directamente en el chat.
Conversación de ejemplo
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.
Visitante: ¿Dónde está mi pedido?
Reproduce el ejemplo o léelo abajo. No se utilizan datos reales de clientes.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
- El cliente pregunta por un pedido existente.
Visitante: ¿Dónde está mi pedido?
- 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.
- Usa datos ficticios en este ejemplo.
Visitante: 41982, anna@example.com
- La acción consulta la tienda conectada.
Comprobando el pedido 41982...
- 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
Crea o selecciona primero un chatbot. Necesitas permisos para gestionar sus integraciones y acceso a los ajustes de conexión de la cuenta externa. Si la tarjeta Connect (Conectar) muestra un aviso de actualización o de contacto, comprueba que tu suscripción incluya esta integración. Mantén la confidencialidad de las credenciales de la API; nunca las pegues en el código de inserción de un sitio web.
Importante: mejores prácticas de e-commerce
Tras completar la siguiente integración, lee la guía detallada sobre cómo optimizar tu chatbot para e-commerce: Cómo configurar ChatLab para tu tienda de e-commerce
Qué ofrece la integración
Búsqueda de productos - Los clientes pueden buscar en tu catálogo de CS-Cart introduciendo una frase. El chatbot devuelve los productos coincidentes con:
- Nombre y descripción del producto
- Precio
- SKU (código de producto)
- Enlace directo al producto en tu tienda
- Imagen del producto
- Variantes disponibles (tallas, colores, etc.)
Puedes configurar en qué campos de producto se busca (nombre, descripción corta, descripción completa, palabras clave) y cuántos resultados se devuelven.
Detalles del pedido - Los clientes pueden consultar el estado de un pedido proporcionando su ID de pedido y su dirección de correo electrónico. El chatbot devuelve:
- Estado del pedido
- Artículos pedidos con nombres, precios, cantidades, imágenes de producto y variantes elegidas
- Total del pedido y coste de envío
- Empresa de transporte, número de seguimiento y estado del envío
- Nombre del destinatario y dirección de entrega completa
- Teléfono del cliente
Paso 1: habilitar el acceso a la API en CS-Cart
- Inicia sesión en el panel de administración de tu CS-Cart
- Ve a Customers > Administrators (Clientes > Administradores)
- Haz clic en la cuenta de administrador que se utilizará para la conexión con la API
- Cambia a la pestaña API access (Acceso a la API)
- Marca "Yes, allow this user to use the API" ("Sí, permitir a este usuario usar la API")
- Haz clic en Save (Guardar)
- Copia la API key (clave de API) que se muestra tras guardar - guárdala de forma segura
- Toma nota de la dirección de correo electrónico asociada a esta cuenta de administrador
Paso 2: conectar CS-Cart en ChatLab
- Inicia sesión en ChatLab y selecciona tu bot
- Ve a la pestaña Connect (Conectar)
- Haz clic en Connect en la tarjeta de CS-Cart
- Introduce tu API Key (del Paso 1)
- Introduce tu Account Email (el correo del administrador con acceso a la API)
- Introduce tu Shop Url (p. ej.,
https://yourstore.com)
También puedes configurar las opciones de búsqueda:
- Searchable fields (Campos de búsqueda) - activa o desactiva los campos de producto en los que busca el chatbot (nombre del producto, descripción corta, descripción completa, palabras clave)
- Number of search results (Número de resultados de búsqueda) - cuántos productos devolver por consulta (por defecto: 5)
- Haz clic en Connect
Tras una conexión correcta, verás un mensaje de confirmación con la opción de configurar las acciones de IA.
Paso 3: configurar las acciones de CS-Cart
Tras conectar, activa y personaliza las acciones individuales de IA. Ve a Settings > Actions (Ajustes > Acciones) y filtra por la plataforma CsCart.
Las acciones estándar incluyen:
- CsCart - product search - permite al chatbot buscar en tu catálogo de productos
- CsCart - order details - permite al chatbot consultar la información de pedidos
La configuración de la conexión activa las acciones estándar. Revisa su estado y desactiva las que no quieras que utilicen los clientes. Abre una acción para editarla y luego usa Enable (Activar) o Update (Actualizar) en su cuadro de diálogo. 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 cada acción.
Búsqueda de productos con IA y la pestaña Shop
Para la coincidencia semántica de productos, revisa AI product search en Settings > Actions. En los bots compatibles, la configuración de la conexión puede activar la búsqueda con IA en lugar de la búsqueda por palabras clave e iniciar la indexación del catálogo cuando la indexación automática está activada y se dispone del acceso y la capacidad necesarios. Los bots más antiguos pueden requerir un entrenamiento manual. Revisa Shop > Products (Tienda > Productos) o Training > E-commerce catalog (Entrenamiento > Catálogo de e-commerce), espera a que finalice el entrenamiento y comprueba si hay errores antes de hacer pruebas. Las opciones de búsqueda por palabras clave no se aplican necesariamente a la búsqueda con IA.
Probar tu integración
Tras activar las acciones, abre Overview (Resumen) y prueba:
- "Muéstrame guantes de entrenamiento" (prueba la búsqueda de productos)
- "¿Cuál es el estado de mi pedido 12345?" (prueba los detalles del pedido; proporciona el correo electrónico correspondiente a un pedido al que tengas autorización de acceso)
Comprueba que las respuestas coincidan con los datos de tu tienda CS-Cart.
Consejos para la configuración de la búsqueda
- Activa Product name y Short description para lograr el mejor equilibrio entre velocidad y precisión
- Añade Keywords si tus productos cuentan con metadatos de palabras clave detallados
- Activa Full description únicamente si los campos más cortos no dan buenos resultados - puede ralentizar las búsquedas
- Empieza con 5 resultados por consulta y ajusta según el tamaño de tu catálogo
Instalar el chatbot en tu tienda CS-Cart
Para añadir el widget de chat a tu tienda CS-Cart:
- En ChatLab, ve a la pestaña Deploy (Desplegar) de tu bot
- Selecciona la pestaña de plataforma CS-Cart
- Copia el fragmento de código
- En tu panel de administración de CS-Cart, ve a Design > Layouts (Diseño > Diseños)
- Añade un HTML block (bloque HTML) en el diseño por defecto y pega el fragmento del widget en su pestaña Content (Contenido)
- Guarda los cambios del bloque y del diseño. Revisa las páginas con diseños independientes, como la pantalla de pago, y todos los idiomas de la tienda
Si utilizas un bloque HTML con soporte para Smarty, envuelve el fragmento entre {literal} y {/literal}. Consulta las instrucciones de código personalizado de CS-Cart. Abre la tienda publicada y comprueba el widget en escritorio y móvil.