Engati - User Guide
...
WhatsApp
WhatsApp Commerce

Collections & Sets

14min

Introduction

We have implemented a new feature that simplifies the process of adding products from your Facebook Commerce Manager to your Engati WhatsApp Commerce account. Our aim is to make it effortless for you to manage your inventory and offer a seamless shopping experience to your customers on WhatsApp.

Setup

For Platform Accounts:

  • To access your Facebook Commerce Manager account, first log in and navigate to the Catalog section on the left-hand side of the screen. 
  • From there, select the Sets option to view your current sets and create new ones.

1. Creating a new set on Facebook Commerce Manager

a) To create a new set, simply click on the 'Create set' button located in the top right corner of the page. 

b) From here, you can choose to manually add individual products to the set, or use filters to select products based on specific criteria.

Document image

  • Creating a new set using filters:
Document image

  • Creating a new set manually:
Document image


For detailed steps, refer to the Facebook Commerce Manager page.

2. log in to your Engati account

a) Login to your account, and configure the WhatsApp bot from the deployment section. 

b) Once you have configured the bot on WhatsApp and Commerce enabled, you could see a section with the name ‘Commerce’.

Document image


3. Go to the ‘Commerce’ section

a) You can see an accordion for Selecting Collections. The ‘sets’ created by you on the Facebook Commerce Manager would be displayed here as ‘collections’. 

b) You can select and display up to 10 collections at a time.

Document image


c) In a case where you’ve updated the sets on your Facebook Commerce Manager, click on the ‘Refresh Collections’ button to reflect those changes on your Engati account.

Document image


d) The collections can be displayed in two ways - 

  • Options - If you want to display your collections in an SMO (Send Message with Options) format.
Document image

  • Carousel - If you want to display your collections along with the product image and buttons.
Document image

  • e) Once the collections are configured, click on ‘Save Changes’.

4. Go to the ‘Bot Builder’ section

a) WhatsApp Commerce Node (Display Collections) -

  • For displaying your collections go to the ‘WhatsApp Commerce’ node (present in the Integrations node)
Document image

  • Select the ‘Display Collections’ action from the dropdown menu.
Document image


In the action field,

1. Display Message - Enter the message that you want to display before your collection.

2. Product List - Enter an object type attribute or use the default attribute

" {{commerce.display_product}} "

The collection selected by the user on WhatsApp would be stored in this attribute.

3. No Collections - Provides a default message when there are no collections present to display.



b) WhatsApp Commerce Node (Display Products) -

  • Add a new ‘WhatsApp Commerce’ node and select the action as ‘Display Products’.
Document image

  • Enter the same attribute used in the Product List field of the WhatsApp Commerce (Display Collections) node. This will display the collection containing the products that the user has selected.
  • Note: Make sure that you connect these nodes in the same order as displayed below.
Document image


For Shopify Accounts:

Follow the steps mentioned "here" to add your Shopify products to the Facebook Commerce Manager account.

Once the products are synced with your FB Commerce Manager account, follow the same steps mentioned above to set up collections in your Engati WhatsApp account.

This is how the flow appears to the end user:

Document image