Home / DialogFlow ES / Four obscure Dialogflow Messenger features
DialogFlow ES | Website Bots

Four obscure Dialogflow Messenger features

In this article, I will show you 4 features in Dialogflow Messenger which are somewhat obscure – in the sense that many people use the Dialogflow Messenger integration without really learning about them. And in my experience, almost no one knows ALL four of them.

1 Clicked suggestion chips are recognized as normal text message

Recently, I was on a live chat with someone who was interested in the BotFlo app.

And I pointed out that instead of using the List response, he could just use the suggestion chips. At which point he said “Hm, clicked suggestion chips will be recognized as normal text message?”

Yes they are.

Here is an example from my CX bot which helps you choose between ES, CX and Actions Builder.

The Dialogflow Messenger button type includes an Event in the custom payload. Unfortunately, this is quite misleading.

If you remove the Event field, it behaves just like a regular clickable hyperlink and can be used for that purpose if you are building an FAQ bot which responds with hyperlink answers.

3 Use the df-response-received event for conversation logs

In the Dialogflow Messenger Pros and Cons article, I mention that there are enough “hooks” in Dialogflow Messenger to extend its functionality in some important ways.

A perfect example of this is to create logs of your conversations. You can use the df-response-received event, which contains the full JSON payload of both request and response, and can be used to create fairly comprehensive conversation logs.

4 Get a quick preview using renderCustomCard function

Typing out the rich response JSON can be quite tedious in the Dialogflow Messenger.

In my BotFlo app, you can actually get an instant preview of rich response types such as suggestion chips, clickable hyperlinks, cards and list using this feature.

When the user clicks on the Preview button, you see that the JSON is instantly rendered in the chat widget on the same page. I do this by using the renderCustomCard function.

Note: the current UI looks a little different

<— End of article —>

This website contains affiliate links. See the disclosure page for more details. 
Check out the Learn Dialogflow ES and Learn Dialogflow CX courses if you would like to learn Dialogflow in depth.
"The magic key I needed as a non-programmer"

The custom payload generator was the magic key I needed (as a non-programmer) to build a good demo with rich responses in DialogFlow Messenger. I've only used it for 30 minutes and am thrilled. I've spent hours trying to figure out some of the intricacies of DialogFlow on my own. Over and over, I kept coming back to Aravind's tutorials available on-line. I trust the other functionalities I learn to use in the app will save me additional time and heartburn.

- Kathleen R
Cofounder, gathrHealth

Similar Posts