How to send rich response from Python webhook to Dialogflow Messenger

Dialogflow Messenger How To In this post I will explain how to send rich responses from your webhook code to Dialogflow Messenger. I will explain the steps for the Description rich response type, and you should be able to follow the same steps and do it for the other rich response types. Let us start…

Customizing the CSS of Dialogflow Messenger by manipulating the shadow DOM

Dialogflow Messenger How To I get this type of question quite often on my YouTube channel. Someone wants to customize the look and feel of the Dialogflow Messenger more than what is currently supported (which isn’t a lot). There is a specific answer in StackOverflow on how to customize the icon position in Dialogflow Messenger….

How to build better Dialogflow Messenger bots using these four obscure features

Dialogflow Messenger How To 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…

06 How to generate the List response

Dialogflow Messenger Rich Responses The list response type is an interesting one. Compared to the other rich responses, it is more complex to implement. But it also provides some benefits you don’t have in other rich responses. Specifically, if you need a “listbox” style input – where the presented value has to be different from…

05 How to generate Suggestion Chips response

Dialogflow Messenger Rich Responses Suggestion chips are good choices for representing buttons in your Dialogflow chat widget. I don’t recommend using it for links, though. Create an intent called show.suggestion.chip.type as below. Now test it inside your chat widget. Don’t like editing JSON by hand? Use my visual custom payload generator tool:

04 How to generate the Image response

Dialogflow Messenger Rich Responses You can also display images inside the web chat window in the Dialogflow Messenger. However, the image auto-resizes to fit the width of the window, so small images get expanded and look distorted. Larger images generally tend to look better. Add a new intent called show.image.type in your Dialogflow agent as…

03 How to generate the hyperlink response

Dialogflow Messenger Rich Responses Buttons are a good way to add a hyperlink to some page on your website. I don’t recommend using the “event” parameter in the button type, and I explain why in the Dialogflow Messenger Bots course. Create an intent called show.button.type as below. Don’t like editing JSON by hand? Use my…

01 How to generate the Description rich response

Dialogflow Messenger Rich Responses The description type allows you to add multiple lines of text under a heading. Create an intent called show.description.type as below: To see the result, type the appropriate phrase into the chat widget. Don’t like editing JSON by hand? Use my visual custom payload generator tool: