01 Dialogflow CX vs Dialogflow ES Feature Comparison

Dialogflow ES vs Dialogflow CX Dialogflow CX is much more powerful than Dialogflow ES if you would like to design multi-turn conversation flows. This is possible because Dialogflow CX has been designed from the ground up to design your conversation flow as a state machine. In fact, I think the word “transition” in the phrase…

How to create clickable buttons which trigger an intent in Dialogflow Messenger

Dialogflow Messenger How To The terminology that Dialogflow Messenger uses is very confusing, but unfortunately it is probably a bit too late for the Google folks and go and update it now. So I have created an article which provides a step-by-step explanation on how to do this. 1 Dialogflow Messenger “buttons” do not behave…

How to use the Dialogflow Messenger df-response-received event

Dialogflow Messenger How To I got this question on my YouTube channel recently: Hi, thanks for sharing this video! i have a question: – how i use Events JavaScript from dialogflow messenger (df-request-sent & df-response-received) I used the df-response-received event as part of my Dialogflow CX bot which helps you choose between ES, CX and…

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…