
Requirements
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
Create a skill
Create a new skill for the e-commerce flow. If this is your first time, see the guide Your first skill.
Configure the AI Agent node
Use an AI Agent node and choose how it connects to your store:
Then configure the following prompt:
Shopify
Shopify
In the Tools tab, select add tool and choose Shopify. The Jelou Shop MCP is included automatically with the integration.

WooCommerce
WooCommerce
In the Tools tab, select add tool and choose WooCommerce. The Jelou Shop MCP is included automatically with the integration.
VTEX, Jelou Shop or API
VTEX, Jelou Shop or API
In the Tools tab, select add tool and choose Jelou Shop.
Configure the following tools:

| Tool | Description | Pause |
|---|---|---|
| Send message with options | Send quick-reply buttons to the user | ✓ |
| Get and clear cart | Get the cart and clear it (checkout) | |
| Send cart WebView | Send the cart as an interactive webview | ✓ |
| Search and send products WebView | Search products and send results as a webview | ✓ |
| Clear cart | Remove all products from the cart | |
| Send catalog WebView | Send the full catalog as a webview | ✓ |
View prompt
View prompt
Access cart information
You can get the cart data at any time using:The
cartData object contains the following structure:View response example
View response example
| Field | Description |
|---|---|
data | Array with the cart products |
data[].item_id | Unique cart item ID |
data[].product_id | Product UUID |
data[].product_name | Product name |
data[].quantity | Quantity in cart |
data[].sku | Product or variation SKU |
data[].price | Unit price |
data[].price_without_tax | Price without taxes |
data[].discount_value | Price with discount applied |
data[].product_variation_id | Variation UUID (if applicable) |
data[].variation | Variation data: id, sku, price, properties |
data[].modifiers | Selected modifiers (if applicable) |
data[].modifiers_total | Modifiers total |
total | Cart total (with taxes) |
subTotal | Cart subtotal (without taxes) |
tax | Tax amount |
tax_value | Applied tax rate |
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.