Skip to main content

Create Product Message

WhatsApp Product Message allows businesses to showcase their products and services in WhatsApp.

Product Messages include two types:

  • Multi-Product Message: Message containing a selection of up to 30 products from the inventory.
  • Single Product Message: Message containing one product from the inventory. The product is displayed as a Product Detail Page.

By uploading the inventory to the business's Facebook Commerce Manager and connecting it to WABA, customers can start a conversation with the business, then browse the items and add them to a shopping cart without even leaving the chat.

tip

Please note that WhatsApp Product Message is only available in integration version v1.1.0 or above.


What is your result?

Single Product Message
Single Product Message
Single Product Message
Single Product Message

Multi-Product Message
Multi-Product Message
Multi-Product Message
Multi-Product Message

Add Item to Cart
Add Item to Cart
Add Item to Cart
Add Item to Cart

Cart is Sent
Cart is Sent

Upload Inventory to Commerce Manager

Before setting up the chatbot, the first step is to prepare a catalog in your Facebook Commerce Manager.

  1. In your Facebook Business Manager account, head to Commerce Manager under All Tools.
  1. Select Create a Catalog and then Get Started.
  1. Select a catalog type for your business.
  1. You can choose uploading the product info manually. After that, choose the catalog owner and name the catalog.

Besides, you can also connect to a partner platform in order to sync the products to your catalog.

  1. You can view the catalog when it is created.
  1. In the catalog, head to Items, and select Add Items to start uploading the products. You can choose from different method.
  1. You can manually upload the product to the catalog.
  1. For each product, remember to enter a Content ID for future use in the product message. This ID can be customized.
  1. Upon the completion of uploading products, you can view them in Items.

Connect Catalog to WABA

  1. Head back to WhatsApp Account in your Business Manager account, choose the WABA account and select WhatsApp Manager.
  1. Head to the Catelog page by clicking the shopping cart icon on the left.
  1. Select Choose a Catalog.
  1. Select the catalog you have created from the dropdown list. You can only choose from the catalog created in the same Business Manager account.
  1. The catalog is now connected to your WABA account.

Sample Tree Structure

Multi-Product Message

In this section, you will learn how to build an sample tree for the Product Message in WhatsApp.

  1. First, create a new tree for the conversation flow for product message.

  2. Create a tree node for the greeting message.

  1. Create a response.
  1. Open the side tab and click "Add Platforms". Then, select "WhatsApp Cloud".
  1. Choose "Reply Button" from the WhatsApp Cloud message type.
  1. Add text for the greeting question.
  1. Create two buttons. Fill in the title of the button and assign a payload for each of them.
  1. Create a new global node, it will act as an entry point to the flow.
  1. Create a trigger for the entry point. In this example, let's use "hi" as a keyword to trigger the chatbot.
  1. Toggle on redirect, and redirect to the "Greetings" node that you have created.

Create a Tree Node - Multi-Product

  1. Create a another tree node. This is for displaying the Multi-Product Message.
  1. Create a new trigger.
  1. In order to map to the button in the greeting message, we need to use Payload as the trigger. Please make the sure the self-defined payload matches with what you have assigned to the button. Click "Save" to continue.
  1. Then, head to Response, create a new response.
NOTE
  • The Multi-Product Message can only contain a selection of up to 30 products from the inventory.
  • For the connected catalog, new items added in the "Facebook Commerce Manager" will be available to your product message after 14 - 24 hours.
  1. Open the side tab and click "Add Platforms". Then, select "WhatsApp Cloud".
  1. Select "Product" from the message type. Select "Multi-Product" and start adding the text.
  1. Fill in the Catalog ID and add the products to the template.
NOTE
  • Catalog ID: Can be found in your Commerce Manager.
  • Product Retailer ID: Same as the self-defined "Content ID" in the catalog.

Single Product Message

Create a Tree Node - Single Product

  1. Create another tree node for handling the Single Product Message.
  1. Create a new trigger.
  1. In order to map to the button in the greeting message, we need to use Payload as the trigger. Please make the sure the self-defined payload matches with what you have assigned to the button. Click "Save" to continue.
  1. Then, head to Response, create a new response. Open the side tab and click "Add Platforms". Then, select "WhatsApp Cloud".
  1. Select "Product" from the message type. Choose "Single-Product" and start adding the text.
  1. Fill in the Catalog ID and the Product Retailer ID in order to add the product to the template.

Order Message Event

When a customer adds a product to cart, and places an order via the product template, the businesses will receive an message event for the order in the following format:

"type": "ORDER",
"data": {
"catalog_id": "4928452840550143",
"product_items": [
{
"product_retailer_id": "03-Pack",
"quantity": 1,
"item_price": 210,
"currency": "HKD"
}
]
}

Add Tree to Channel

  1. Head to Channels, click "Edit" to enter the WhatsApp channel.
  1. Select Trees, and click "+ New Tree".
  1. Select the relevant tree from the dropdown list and select all the global nodes. Remember to click "Save" to save the tree settings.
  1. Now let's see if you can get the expected result!