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.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 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
Criar um fluxo
Crie uma nova fluxo para o fluxo de e-commerce. Se for a primeira vez, veja o guia Seu primeiro fluxo (skill).
Configurar o nó de Agente de IA
Use um nó de Agente de IA e escolha como ele se conecta à sua loja:
Em seguida, configure o seguinte prompt:
Shopify
Shopify
Na aba Tools, selecione adicionar tool e escolha Shopify. O MCP do Jelou Shop é incluído automaticamente com a integração.

WooCommerce
WooCommerce
Na aba Tools, selecione adicionar tool e escolha WooCommerce. O MCP do Jelou Shop é incluído automaticamente com a integração.
VTEX, Jelou Shop ou API
VTEX, Jelou Shop ou API
Na aba Tools, selecione adicionar tool e escolha Jelou Shop.
Configure as seguintes ferramentas:

| Ferramenta | Descrição | Pausar |
|---|---|---|
| Enviar mensagem com opções | Enviar botões de resposta rápida ao usuário | ✓ |
| Obter e limpar carrinho | Obter o carrinho e limpá-lo (checkout) | |
| Enviar carrinho WebView | Enviar o carrinho como webview interativo | ✓ |
| Pesquisar e enviar produtos WebView | Pesquisar produtos e enviar resultados como webview | ✓ |
| Limpar carrinho | Remover todos os produtos do carrinho | |
| Enviar catálogo WebView | Enviar o catálogo completo como webview | ✓ |
Ver prompt
Ver prompt
Acessar informações do carrinho
Você pode obter os dados do carrinho a qualquer momento usando:O objeto
cartData contém a seguinte estrutura:Ver exemplo de resposta
Ver exemplo de resposta
| Campo | Descrição |
|---|---|
data | Array com os produtos do carrinho |
data[].item_id | ID único do item no carrinho |
data[].product_id | UUID do produto |
data[].product_name | Nome do produto |
data[].quantity | Quantidade no carrinho |
data[].sku | SKU do produto ou variação |
data[].price | Preço unitário |
data[].price_without_tax | Preço sem impostos |
data[].tax_rate | Taxa de imposto aplicada ao produto (porcentagem) |
data[].discount_value | Preço com desconto aplicado |
data[].product_variation_id | UUID da variação (se aplicável) |
data[].variation | Dados da variação: id, sku, price, properties |
data[].modifiers | Modificadores selecionados (se aplicável) |
data[].modifiers_total | Total dos modificadores |
total | Total do carrinho (com impostos) |
subTotal | Subtotal do carrinho (sem impostos) |
tax | Valor dos impostos |
tax_value | Taxa de imposto aplicada |
tax_breakdown | Detalhamento de impostos agrupado por taxa |
tax_breakdown[].rate | Taxa de imposto (porcentagem) |
tax_breakdown[].label | Etiqueta descritiva (ex: “IVA 15%“) |
tax_breakdown[].amount | Valor do imposto para essa taxa |
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
Selecionar produto
Você vê os detalhes, confere as imagens e seleciona variantes (tamanho, cor, etc.).