All Collections
Dialogflow Chatbot Tutorial
Basic Chatbot Development
Set Interactive Actions (Quick Replies & Lists) with Dialogflow
Set Interactive Actions (Quick Replies & Lists) with Dialogflow

This doc features how you can set Interactive Actions using Dialogflow

Shivam Aggarwal avatar
Written by Shivam Aggarwal
Updated over a week ago

To set up Interactive Actions, you must be familiar with:

  1. Creating Training Phrases in Dialogflow

  2. Setting up Dialogflow responses
    1. Default- Text Responses
    2. Google's- Lists, Basic Cards & Suggestion Chips.


Q What are List Messages?

As the name suggests, list messages include listed options the user can choose from while sifting through the product catalogue. It's a structured message including a title & a description.

List Messages come in handy for a number of use cases like booking appointments, customer support, introduction & much more. You can add up to 10 options in List Messages

Q What are Quick Replies?

Quick Replies are instant reply buttons attached with a WhatsApp message clicking which allows your user to send a message without typing it out.

E.g. for taking customer feedback, you can add Quick Replies at the end of the message such as, "I am very happy", "I am Satisfied", "Not Happy"

You can add a maximum of three Quick Reply Buttons in a WhatsApp Template Message.

Q How to set up Text Quick Reply using Dialogflow?

To send a simple text quick reply, you'll need a combination of two Dialogflow responses:

  1. Text response

  • Add a simple text message which you want as a body message.

  • A maximum of 1024 characters is supported.

2. Suggestion Chip

  1. Add suggestion chip response inside Google Assistant section.

  2. You can add a maximum of 3 Quick Replies.

  3. Each quick reply should be a unique entry.

  4. Each option can be a max length of 20 characters.

Q How to set up Media Quick Reply?

To attach an Image, Video or File along with Quick Replies, again a combination of two Dialogflow responses are needed:

  1. Add a Basic Card

    • Add a basic card and fill in the details as per media requirements.

    • File URL must be valid & publicly accessible for WhatsApp.

    • Choose Alt text for the media.

    • The title will be ignored.

    • File Type must include either an IMAGE, VIDEO or FILE.

    • The description holds the card body.

    • A maximum of 1024 characters is supported.


  2. Suggestion Chip

Add suggestion chip response inside Google Assistant section:

  • Make sure to keep a maximum of 3 Quick Replies.

  • Each Quick Reply should be a unique entry.

  • Each Quick Reply can be a max length of 20 characters.

Q How to set up List Messages in WhatsApp?

To set up List Messages, you only need one Dialogflow response:

Table Card

  • Add a Table card and fill in only the necessary details.

  • Leave the first two fields blank.

  • In the title field, give the Message title. A maximum of 60 characters is supported.

  • In the subtitle field, give Body text i.e. body of the message. A maximum of 20 characters is supported.

  • In the 'web link title' field give the Link button title. A maximum of 20 characters is supported.

Before creating a List Message, here's what you need to know:

  1. Section Title - Contains the Title of the section. Appears like this👇



  2. Option Title - Here, you can list down the multiple options for your product.

3. Option Description - Here comes the description of your product. Adding a description is optional.

How to create a list?

  • Create a table with 4 columns.

  • In Section, give the section name and provide the same value for the options you want to group together. The maximum length of each option can be 24 characters. Check the below example for a clear understanding.

  • No emojis are allowed in the Section title.

  • Option title is compulsory and holds the name of each option. Ensure that each option within a section is unique.

  • The maximum length of each option can be 24 characters.

  • No emojis are allowed in the option title.

  • Option description is optional and holds details of each option. The maximum length of the optional description can be 72 characters.

  • Postback text is optional and holds details of each option. The maximum length of the description can be 72 characters.

Things to note:

  • You can add a maximum of 10 Options.

  • These options can be under a single Section or each option under a different section.

  • Each section can have 1-10 options.

Note**

If you want to create a List Message without any section, leave the section title field blank in all the options.

Here's an example of a List Message👇‍

Example of a List Reply

While creating Table in Dialogflow:

In the above image:

  1. In the Title of the List Reply, we've put "Sparx Shoes".

  2. In the subtitle, we've put "Explore multiple options".

  3. In the web link title, we've added the Button Name, "Explore"

  4. In the Section title, we've added "Shoes". This section covers the name of the shoes.

  5. In the option title, we've added "Shoes Size" & in the description, we've shown the colour.

So, you can configure the table according to your use case.

After adding this, press save!

Now, let's see how this List Reply appears on WhatsApp!

"Sparx Infinity" which we added in two separate rows, club together in one. So does "Sparx Buddy".

So, if a user wants to buy a Sparx Infinity Shoe of Size 7, they will choose the option & hit send.

Did this answer your question?