Con el WebView accedes a un catálogo embebido dentro de WhatsApp que te permite ofrecer una experiencia de compra completa sin depender de las restricciones del catálogo nativo de Meta.Documentation Index
Fetch the complete documentation index at: https://docs.jelou.ai/llms.txt
Use this file to discover all available pages before exploring further.

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 un flujo
Crea un nuevo flujo para el flujo de e-commerce. Si es tu primera vez, consulta la guía Tu primer flujo (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[].tax_rate | Tasa de impuesto aplicada al producto (porcentaje) |
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 |
tax_breakdown | Desglose de impuestos agrupado por tasa |
tax_breakdown[].rate | Tasa de impuesto (porcentaje) |
tax_breakdown[].label | Etiqueta descriptiva (ej: “IVA 15%“) |
tax_breakdown[].amount | Monto de impuesto para esa tasa |
Cuando
enable_per_product_tax está activo, tax_breakdown puede contener múltiples entradas con diferentes tasas. De lo contrario, todos los productos gravados se agrupan bajo la tasa global de la tienda. Para productos con has_tax: false, tax_rate será 0.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.).