Multi Product List + Cart - WhatsApp Sales – Blip | Blip Help

Index:

What are Components?

Multi Product List Messages (MPM): Product messaging allows a business to natively send a new message with a configurable list of up to 30 items, organized into sections, to a customer.

Single Product Message (SPM): Message containing a single product from the catalog list, displayed in Product Detail Page (PDP) format.

Product Display Page (PDP): Each item shipped in the Product List has a dedicated Product Display Page (PDP) that can be accessed when the customer selects an item from the list. Product display pages allow customers to view more item details.

Cart: After viewing the item on the PDP, the customer can add the item to a Shopping Cart with the company, this cart is stored locally on the customer's device. You can add multiple of the same item or different items displayed in the product list. The cart will persist at the top of the chat until the customer sends the cart to the business as an “order message”. At this point, the company can then confirm the order and perform the next steps, such as requesting the delivery address or requesting payment.

How to create and configure the Facebook catalog

PREREQUISITES:

Create a Facebook page for your company;
Create a Business Manager account so you can assign your catalog to your company.
It is only allowed to upload just one catalog per WABA (WhatsApp Business Account), but the same catalog can belong to multiple numbers on WhatsApp.
If it is a structure with a router bot, the subbots must have the Router Context "connected".

Create Catalog

To create a catalog:

Access the Commerce Manager.
Start creating your catalog:

If this is your first catalog, click To start.
Select Create a catalog and click To start.

If you already have at least one catalog, you will see a list of all your catalogs.
Select+ Add catalog to create one.

Select the type of inventory you advertise or sell and click Advance.

4. Ecommerce only (products): Choose how you want to add items to the catalog:

Select Upload product information if you plan to add items in Commerce Manager.
Select Connect a partner platform if you already organize items on a partner platform that has a Facebook integration. Select a platform and click the link to their website. Complete the setup and import the items to Facebook. Learn more about how import items from a partner platform.

Select the Business Manager account that the catalog belongs to. This unlocks more ways to use the catalog, as well as the option to select a personal account, and allows you to assign permission to others to work on the catalog. To select a Business Manager account, you must be a company administrator.

Enter a name for the catalog.

click in To create.

You have created a catalog.

Add Items to the Catalog

There are three main ways to add items to your catalog in Commerce Manager:

Manually: Add items using a manual form in Commerce Manager.
Data Feed: upload a spreadsheet to add items in bulk. You can upload the file once or schedule periodic uploads. CSV, TSV and XML (RSS/ATOM) file formats are supported, as well as Google Sheets.
Pixel do Facebook: Automatically import and update items on your site. This method is more complex to configure. You may need help from a developer to install microdata tags on your site.

The easiest way is to add the items manually in Commerce Manager. We recommend this option if you have fewer than 50 items.

Add an item to the catalog manually

Methods for adding items to a catalog | Facebook for Business Help Center

Product example:

Catalog after product registration:

Getting Product Identifier for Multi Or Single Product List (Canal WHATSAPP)

To display catalog products in Smart Contact on WhatsApp, you must insert the content identification field in the dynamic content block.

To get the product content identifier:

Access the catalog
Click on the product
click in See more fields

In the list, find the field Content ID or Content identification.

3. Sharing the product catalog with Blip

To display the products in the catalog in Smart Contact, it is necessary to share the catalog with the Blip account, and to do this you will need the Blip identification number.

To share the catalog:

Access the Commerce Manager.
Click the menu icon at the top and click Business Settings

In the left menu, click Data Sources and then in Catalogs.
Select the desired catalog and click Assign partners.
On the screen that opens, select Company identification.

Finally, inform the Blip identification number (Business Manager ID Blip)(contact Blip Support to obtain this number), enable the Partial access It is Advance.

How to share the catalog?

When the customer does not have access to WABA and needs to register the catalog, it is important to carry out the following releases:

Where do I check to release it?

1, Click“All Tools”;

2. Click “Business settings”;

In data sources, locate the catalogs and select the catalog in question.

Open to validate people with access and ensure that the option to manage catalog will be enabled.

In case this option is disabled, when trying to link the catalog a message will appear failure message:

Releasing access for the Blip Support team

Share the catalog and grant full access to email acessogeneral@blip.ai, when opening a call with the support.
Release full control of the catalog who wishes to join WABA. If you have any doubts, check the documentation provided by Meta, in this link.

Associating the catalog with Waba (WhatsApp Business Account)

If the brand has its own Waba, it is the brand's responsibility to associate the catalog with this Waba in the WhatsApp manager, as shown in the example below.

Presenting products in Blip Builder via dynamic content

Inside the Builder we have a component called dynamic content that you can learn more about how to use here, After understanding how it works and how to use the component, we will assemble our structurejson do Multi-Product Message.
Inside the builder on the dynamic content screen, click on the expansion arrow as highlighted in the image below:

MULTI PRODUCT MESSAGE

On the expanded screen, we will assemble the json below:

{




  "type": "interactive",




  "interactive": {




    "type": "product_list",




    "header": {




      "type": "text",




      "text": "cabeçalho"




    },




    "body": {





      "text": "Corpo"




    },




    "footer": {




      "text": "Nossas melhores soluções prontas para implantação e uso."




     },




    "action": {




      "catalog_id": "{{catalogId}}",




      "sections": [





        {





          "title": "Produtos",





          "product_items": [




            {





             "product_retailer_id": "hamburguer_blip"




            },




            {




              "product_retailer_id": "pizza_queijos"




            },




            {




              "product_retailer_id": "hamburguer_cda"





            }





          ]





        },




        {




          "title": "Produtos2",





          "product_items": [





            {





              "product_retailer_id": "hamburguer_cda"





            }





          ]





        }





      ]





    }







  }





}

In the json above we have the following data parameters:
no object header we have the text field that is related to the representation highlighted below:

no object body We also have the text field that is related to the representation highlighted below:

no object footer We also have the text field that is related to the representation highlighted below:

no object action We have some parameters that must be filled in according to the data configured on the Facebook administration screen, which are:

catalog_id: Id of your catalog that you previously created on Facebook create catalog;
product_retailer_id: Id of your product that is linked to the created catalog add items to the catalog;
title: This is the title of your product section if you want to separate items into more than one category/section.

Having correctly completed these items above, the channel view will be as follows:

In addition to Multi-Product Message we also have Single Product Message which, unlike the first mentioned above, we only send to present 1 single product, as per the json below:

SINGLE PRODUCT MESSAGE



{




  "type": "interactive",




  "interactive": {




    "type": "product",





    "body": {





      "text": "Templates"





    },





    "footer": {





      "text": "Nossas melhores soluções prontas para implantação e uso."





    },





    "action": {





      "catalog_id": "{{catalogId}}",





     "product_retailer_id": "hamburguer_blip"





    }







  }




}

Unlike multiProduct, in single Product we have the field header that use is not necessary, the proper tytype is also changed, previously it receives the value product_list and for the single it receives the value product.

With the Json presented above with the catalog I'd filled in and with only 1 product inserted, we have the presentation below:

Order Configuration

The order is an object generated from the cart assembled by the customer, it comes as a response from the customer to Blip in JSON format, assembling the cart:

Once all products are selected, sent with the message (optional), it will be forwarded to the bot as a message in the customer's view:

For Blip it arrives in this format:

Once the Order is generated, it is the responsibility of the bot manager how to deal with this order that was made by WhatsApp, some use cases for next steps:

Transshipment for human service.
Payment link generation.

Product Message

Product message is the object generated when the customer sends a message about a product, in the WhatsApp it looks like this:

Product selection:

MESSAGE BUSINESS

From the selected item, it is possible to send a Message to the business (Message Business):

Message sent:

Once the message has been sent, the WhatsApp sends a text-type JSON in this format:

Blip interprets it as a text message sent by the user, the WhatsApp Gateway receives this message and adds two extra information, they are:

This is information relating to the product, the catalog ID and the ID of the product for which the information was requested. Once with this extra information, BliP is unable to interpret this message, so it is the bot manager's responsibility to process this message. Here are some possible use cases.

Create a customized message, with the message sent by the customer along with the product, forwarding it to human care.
Carry out treatment by an AI (Complex).

For more information, visit the discussion on the subject in our community or the videos on our channel. 😃

Create Catalog

Add Items to the Catalog

Add an item to the catalog manually

Where do I check to release it?

Releasing access for the Blip Support team

Related articles