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

Connect Catalog to WABA

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 the Catalog

  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.

Catalog and Commerce Manager Permissions

  1. Back in WOZTELL, head to the WhatsApp channel and find the Permission section. Click on "Allow" to grant the platform the permissions to access to your catalog and commerce manager.
  1. After completing the procedures in the Facebook pop-up window, a green tick will be displayed.
NOTE

Without these permissions, you will not be able to select the Catalog and Products in the product resource template.


Sample Chatbot Structure

Multi-Product Message

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

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

  2. Create a chatbot 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 General Node - Multi-Product

  1. Create a another General 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. You can add the body text and the optional header and footer.
  1. Select the relevant channel.
NOTE

The channel picker won't return anything if you have not connected a WABA to any of the channel.

Fill in the Catalog ID and add the products to the template.

  1. Select "Multi-product", and the Catalog ID.
  1. Now, you can select the products added to the selected catalog.
  1. After sending out the product message, you can also preview the multi-product message in the conversation history.

Single Product Message

Create a Chatbot Node - Single Product

  1. Create another chatbot 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 and start adding the text.
  1. Select the relevant channel.
NOTE

The channel picker won't return anything if you have not connected a WABA to any of the channel.

  1. Select "Single-product", and the Catalog ID. Then, you can start adding the products from the selected catalog.
  1. After sending out the product message, you can also preview the outcome in the conversation history.

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"
}
]
}

If needed, you can set up an Order Trigger that reacts to this event. As a result, you can perform actions/send messages whenever the end user submitted a shopping cart.

In the conversation history, you can also preview the submitted order/shopping cart.

Add Chatbot to Channel

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

Commerce Settings

Apart from building the product message flow, you can also use Commerce Settings in the channel to enhance the shopping experience with WhatsApp.

  1. Head the WhatsApp Cloud channel, then enter the "Platform" page. Scroll down to locate the Commerce Settings.
  1. Switch on the "Enable Shopping Cart" and "Enable Catalog" in order to apply commerce-related options to your WhatsApp number.

Expected result of Enable Shopping Cart:

Expected result of Enable Catalog: