Skip to main content
With the WebView you access a catalog embedded inside WhatsApp that lets you offer a complete shopping experience without depending on the restrictions of Meta’s native catalog.
Shopping experience in WebView

Requirements

For the WebView to work inside WhatsApp, your account must be verified by Meta.
To display products in the WebView you need them loaded in Jelou Shop:

Shopify

Sync from Shopify

VTEX

Sync from VTEX

WooCommerce

Sync from WooCommerce

API

Upload products directly via API

Installation

1

Create a workflow

Create a new workflow for the e-commerce flow. If this is your first time, see the guide Your first workflow.
2

Configure the AI Agent node

Use an AI Agent node and choose how it connects to your store:
In the Tools tab, select add tool and choose Shopify. The Jelou Shop MCP is included automatically with the integration.
Add Shopify tool in the AI Agent node
In the Tools tab, select add tool and choose WooCommerce. The Jelou Shop MCP is included automatically with the integration.
In the Tools tab, select add tool and choose Jelou Shop.
Import Jelou Shop MCP from the AI Agent node
Configure the following tools:
These tools accept optional parameters:
  • search_and_send_products_webview: category, branchCode, search_mode (semantic|ilike).
  • send_catalog_webview and send_cart_webview: branchCode, cart_id.
  • get_and_clear_cart: debit_stock to debit inventory. Returns cart_id for future cart restoration.
  • Several tools accept cart_id to restore a cart from a prior checkout.
Then configure the following prompt:
3

Access cart information

You can get the cart data at any time using:
The cartData object contains the following structure:
When enable_per_product_tax is active, tax_breakdown may contain multiple entries with different rates. Otherwise, all taxed items are grouped under the store’s global rate. For products with has_tax: false, tax_rate will be 0.

Advantages

  • You can view the full catalog without leaving WhatsApp.
  • You can see more product details, including multiple images.
  • You can select variants (size, color) within a single product.
  • Internal filters are available to improve your search experience.
  • You can make direct queries to the AI assistant.
  • You can add products to the cart and view totals.
  • You can complete the purchase in a continuous flow.

Purchase flow

1

Browse catalog

You open the webview and navigate through the available products.
2

Select product

You view the details, see the images, and select variants (size, color, etc.).
3

Add to cart

You add products to the cart and review the total.
4

Complete purchase

You finalize the order without leaving WhatsApp.