Saltar al contenido principal
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.
Experiencia de compra en WebView

Requisitos

Para que el WebView funcione dentro de WhatsApp, tu cuenta debe estar verificada por Meta.
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

1

Crear un flujo

Crea un nuevo flujo para el flujo de e-commerce. Si es tu primera vez, consulta la guía Tu primer workflow.
2

Configurar el nodo AI Agent

Usa un nodo AI Agent y elige cómo se conecta a tu tienda:
En el tab de Tools, selecciona agregar tool y elige Shopify. El MCP de Jelou Shop se incluye automáticamente con la integración.
Agregar tool Shopify en el nodo AI Agent
En el tab de Tools, selecciona agregar tool y elige WooCommerce. El MCP de Jelou Shop se incluye automáticamente con la integración.
En el tab de Tools, selecciona agregar tool y elige Jelou Shop.
Importar MCP Jelou Shop desde el nodo AI Agent
Configura las siguientes herramientas:
Estas herramientas aceptan parámetros opcionales:
  • search_and_send_products_webview: category, branchCode, search_mode (semantic|ilike).
  • send_catalog_webview y send_cart_webview: branchCode, cart_id.
  • get_and_clear_cart: debit_stock para descontar inventario. Devuelve cart_id para restaurar el carrito después.
  • get_and_clear_cart: use_external_checkout para que el pago se complete en la tienda original en lugar del flujo de pago de Jelou. Solo disponible si conectaste tu tienda con Shopify o WooCommerce. La respuesta incluye checkout_url con el enlace al checkout de la tienda.
  • Varias herramientas aceptan cart_id para restaurar un carrito de una compra previa.
Luego configura el siguiente prompt:
3

Acceder a la información del carrito

Puedes obtener los datos del carrito en cualquier momento usando:
El objeto cartData contiene la siguiente estructura:
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

1

Explorar catálogo

Abres el webview y navegas por los productos disponibles.
2

Seleccionar producto

Visualizas los detalles, ves las imágenes y seleccionas variantes (talla, color, etc.).
3

Agregar al carrito

Añades productos al carrito y revisas el total.
4

Completar compra

Finalizas el pedido sin salir de WhatsApp.