Rich messaging boosts customer conversations. The benefit of rich messaging is that it provides users with an easy, convenient and quick way to interact with your business. As a result, it plays a major role in bot-based conversations where bots are still learning to understand the Natural Language.
If your bot is handling a conversation and asks a question to a user, then the user might input anything. It can be a long sentence, it can be a spelling mistake or something which your bot doesn’t yet understand. All these things impact user experience as it makes things really difficult for the bot platforms to understand it accurately.
Using rich messaging, you can solve these problems and provide your users with a specific set of options to select. This way, it is more convenient for the user to click on the available options and the bot platform will have a defined query to answer with accuracy.
Buttons are the most widely used rich message and are used for providing a set of options, surveys, appointment booking, etc.
Rich message buttons can be added to the Dialogflow based bots and Dialogflow supports all types of rich messages from buttons, links, images to card carousel.
Dialogflow provides 2 ways to set the response:
- Text Response: Used for text-based messages and works on all platforms
- Custom Payload: Custom payload in JSON format for rich messages
Different platforms such as Facebook messenger, Google Actions, Kik, etc support their own custom payload.
Google Assistant supports the following rich messages:
- Simple Response
- Basic Card
- Suggestion Chips
- Carousel Card
- Browser Carousel Card
- Link Out Suggestion
- Media Content
- Custom Payload
- Table Card
In this article, let’s take a look at how to add a rich message button response from chatbot using Dialogflow.
In case, you want to learn more about Dialogflow bot development, check out the beginner’s guide to Dialogflow.
We will be using the Google Assistant format for this tutorial.
Button type rich message is referred to as “Suggestion Chips” by Google Assistant and “Quick Replies” by Facebook messenger.
Go to Dialogflow console, select the intent and scroll down to Responses. Click on “Google Assistant” to see the list of support rich messages.
Select “Suggestion Chips” and click on “Add Item” to list down the buttons.
The above screenshot shows a sample for how to create a response with rich messages in Dialogflow.
You can add the clickable buttons also known as suggestion chips and quick replies to your website and mobile app by creating your own custom payload in JSON format, parse the response in your website and mobile apps codebase and render it on the UI.
If you need a codeless rich message integration, check out Kommunicate.io. Kommunicate makes it easy to add rich messages including button, image, card, list, carousel, etc on your website and mobile apps. Also, you need not worry about creating any custom payload and write code.
Visit the Dialogflow bot web demo for rich messages here and type “show button” to see it live. Below is the screenshot of how it looks on the website.
To sum up, rich message buttons not just make the interface book pretty and drive more actions from your users. They also provide a better overall conversational experience.