
Requisitos
Para mostrar productos en el WebView necesitas tenerlos cargados en Jelou Shop:Shopify
Sincroniza desde Shopify
VTEX
Sincroniza desde VTEX
WooCommerce
Sincroniza desde WooCommerce
API
Carga productos directamente por API
Instalación
Crear una skill
Crea una nueva skill para el flujo de e-commerce. Si es tu primera vez, consulta la guía Tu primer skill.
Configurar el nodo AI Agent
Usa un nodo AI Agent y elige cómo se conecta a tu tienda:
Luego configura el siguiente prompt:
Shopify
Shopify
En el tab de Tools, selecciona agregar tool y elige Shopify. El MCP de Jelou Shop se incluye automáticamente con la integración.

WooCommerce
WooCommerce
En el tab de Tools, selecciona agregar tool y elige WooCommerce. El MCP de Jelou Shop se incluye automáticamente con la integración.
VTEX o Jelou Shop
VTEX o Jelou Shop
En el tab de Tools, selecciona agregar tool y elige Jelou Shop.
Configura las siguientes herramientas:

| Herramienta | Descripción | Pausar |
|---|---|---|
| Enviar mensaje con opciones | Enviar botones de respuesta rápida al usuario | ✓ |
| Obtener y vaciar carrito | Obtener el carrito y vaciarlo (checkout) | |
| Enviar carrito WebView | Enviar el carrito como webview interactiva | ✓ |
| Buscar y enviar productos WebView | Buscar productos y enviar resultados como webview | ✓ |
| Vaciar carrito | Eliminar todos los productos del carrito | |
| Enviar catálogo WebView | Enviar el catálogo completo como webview | ✓ |
Ver prompt
Ver prompt
Acceder a la información del carrito
Puedes obtener los datos del carrito en cualquier momento usando:El objeto
cartData contiene la siguiente estructura:Ver ejemplo de respuesta
Ver ejemplo de respuesta
| Campo | Descripción |
|---|---|
data | Array con los productos del carrito |
data[].item_id | ID único del item en el carrito |
data[].product_id | UUID del producto |
data[].product_name | Nombre del producto |
data[].quantity | Cantidad en el carrito |
data[].sku | SKU del producto o variación |
data[].price | Precio unitario |
data[].price_without_tax | Precio sin impuestos |
data[].discount_value | Precio con descuento aplicado |
data[].product_variation_id | UUID de la variación (si aplica) |
data[].variation | Datos de la variación: id, sku, price, properties |
data[].modifiers | Modificadores seleccionados (si aplica) |
data[].modifiers_total | Total de los modificadores |
total | Total del carrito (con impuestos) |
subTotal | Subtotal del carrito (sin impuestos) |
tax | Monto de impuestos |
tax_value | Tasa de impuesto aplicada |
Ventajas
- Puedes ver el catálogo completo sin salir de WhatsApp.
- Puedes ver más detalles del producto, incluyendo múltiples imágenes.
- Puedes seleccionar variantes (talla, color) en un solo producto.
- Cuentas con filtros internos para mejorar tu experiencia de búsqueda.
- Puedes realizar consultas directas al asistente con IA.
- Puedes agregar productos al carrito y visualizar totales.
- Puedes completar la compra en un flujo continuo.
Flujo de compra
Seleccionar producto
Visualizas los detalles, ves las imágenes y seleccionas variantes (talla, color, etc.).