Skip to main content
Com o WebView você acessa um catálogo incorporado dentro do WhatsApp que permite oferecer uma experiência de compra completa sem depender das restrições do catálogo nativo do Meta.
Experiência de compra no WebView

Requisitos

Para que o WebView funcione dentro do WhatsApp, sua conta deve ser verificada pelo Meta.
Para exibir produtos no WebView você precisa que eles estejam carregados no Jelou Shop:

Shopify

Sincronize a partir do Shopify

VTEX

Sincronize a partir do VTEX

WooCommerce

Sincronize a partir do WooCommerce

API

Faça upload de produtos diretamente via API

Instalação

1

Criar um fluxo

Crie uma nova fluxo para o fluxo de e-commerce. Se for a primeira vez, veja o guia Seu primeiro workflow.
2

Configurar o nó de Agente de IA

Use um nó de Agente de IA e escolha como ele se conecta à sua loja:
Na aba Tools, selecione adicionar tool e escolha Shopify. O MCP do Jelou Shop é incluído automaticamente com a integração.
Adicionar tool Shopify no nó de Agente de IA
Na aba Tools, selecione adicionar tool e escolha WooCommerce. O MCP do Jelou Shop é incluído automaticamente com a integração.
Na aba Tools, selecione adicionar tool e escolha Jelou Shop.
Importe o MCP do Jelou Shop pelo nó de Agente de IA
Configure as seguintes ferramentas:
Essas ferramentas aceitam parâmetros opcionais:
  • search_and_send_products_webview: category, branchCode, search_mode (semantic|ilike).
  • send_catalog_webview e send_cart_webview: branchCode, cart_id.
  • get_and_clear_cart: debit_stock para debitar estoque. Retorna cart_id para restaurar o carrinho depois.
  • Várias ferramentas aceitam cart_id para restaurar um carrinho de uma compra anterior.
Em seguida, configure o seguinte prompt:
3

Acessar informações do carrinho

Você pode obter os dados do carrinho a qualquer momento usando:
O objeto cartData contém a seguinte estrutura:
Quando enable_per_product_tax está ativo, tax_breakdown pode conter múltiplas entradas com diferentes taxas. Caso contrário, todos os produtos tributados são agrupados sob a taxa global da loja. Para produtos com has_tax: false, tax_rate será 0.

Vantagens

  • Você pode visualizar o catálogo completo sem sair do WhatsApp.
  • Você pode ver mais detalhes do produto, incluindo múltiplas imagens.
  • Você pode selecionar variantes (tamanho, cor) dentro de um único produto.
  • Filtros internos estão disponíveis para melhorar a experiência de busca.
  • Você pode fazer consultas diretas ao assistente de IA.
  • Você pode adicionar produtos ao carrinho e ver os totais.
  • Você pode concluir a compra em um fluxo contínuo.

Fluxo de compra

1

Navegar pelo catálogo

Você abre o webview e navega pelos produtos disponíveis.
2

Selecionar produto

Você vê os detalhes, confere as imagens e seleciona variantes (tamanho, cor, etc.).
3

Adicionar ao carrinho

Você adiciona produtos ao carrinho e revisa o total.
4

Concluir a compra

Você finaliza o pedido sem sair do WhatsApp.