Dialogflow ES: What's the best method to add a small dialog box next to icon in closed state?

[fogpuddle]

Hello,

I'm using Dialogflow ES and am looking at ways to add a small dialog box next to our chat icon when the chatbot is in it's closed state, something like this:

I am using DF Messenger as the integration tool and understand that I can remove the "wait-open" property in the embed code that would then display a specific intent in the closed state, but I would like the have the text in the small closed-state dialog box not be an intent I created in Dialogflow and be much shorter.  Once a user clicks on either the small dialog box or icon, the Welcome intent would show with different text where the user can then interact with the bot.

Is this possible to do in Dialogflow ES?  If so, what's the best way of adding the small closed-state dialog box?

[Mizar]

Hi @fogpuddle for that case you can write your own first script of the chatbot before it opens.

https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger

Just remember the chatbot will appear closed if you just use text, then after you click, the other types of messages can be displayed (card,description,lists)

[xavidop]

another solution could be just build your own JS or React component around the detectIntent