Add image as a response in web demo (DialogFlow) - dialogflow-es

I just want to know if its possible to add images as a response into chatbot web demo. If is not supported, how can I do this? How else can I do it?

As per my knowledge it is not at possible in web demo, you can add images hyperlinks or buttons in your website try exploring custom payload option, where on your website you will have to code by yourself, for the buttons when you send responses as custom payload and divert it to google assistant.

Web demo does not support images or buttons.
You can add some other chat client which supports images, like facebook messenger, slack etc.

Related

Is there a way to show video in Dialogflow Messenger

I'm working on a Dialogflow Messenger integration and Im trying to see if there is any way of showing a You Tube video as one of the responses. As far as I can see there are no Rich Response Messages which support video.
The only way which springs to mind is to listen for df-response-received events and then add the embed code on the fly which seems hideous.
Does anyone have any idea how to achieve this?
I basically answered my own question here. I actually needed other UI elements so I built my own chat interface in React as a web component using direflow.io then I had full control over my UI :)
Any new components I want to display I can send as a custom payload as normal

Dialogflow- chatbot related queries

I've created a basic app with a chatbot that can respond to what I type using DialogFlow and Angular. It is hosted locally. Now I want to have that chatbot respond to what I type with cards, lists and such. Like how Messenger has templates. I want to have a custom payload sent to me in response to what I send. Can anyone please help me? (NOTE: iam using the v2api)
Dialogflow supports rich message response to only certain platforms that it has listed on its website for ex. Facebook, google assistance etc. To display rich message you need to code it out.

How to create a chatbot with facebook messenger like templates

I'm trying to create a chatbot for use in a chat app I've created. I basically need the chatbot to send me replies that have message templates like in facebook messenger. For example, If I type in "what's the weather like", I want my chatbot's reply to look like facebook's media template, linked here: Media Template
Does anyone have any tutorials or links I can follow?
Thank you in advance.
Cheers!
Usavaully work flow of chat application as follows,
Message providers(Facebook, twitter,slack etc..) receives messages from user
Message is sent to the configured endpoint(your webserver) according to the settings provided in the face book developer page reference
In the webserver you classify the intent prepares the response according to the request and sends the responses back.
So in the 3rd point web server you give responses based on the platform you are responding to reference, since in your case it's your own platform you need to design your own UI based on the response format or you can use some predefined html templates.
I hope answer gave some direction to work on.

How to enable a BOT on my website with rich text messages(Quick replies, cards etc) embedded on it?

I need to integrate a bot on my website. Api.ai bot supports rich messages on social media messengers like facebook etc.
Is there any way to do the same for my own website?
You'd have to do a bit of coding:
Build a chat ui,
call your own server ..
...that will call api.ai via REST
and then render everything that you want, based on the action that api.ai did figure out for you.

Rich text format for response text in facebook chatbot

I want to format(change font size/text color/apply text style - bold/underline/italic etc) the response text send to user in Facebook chatbot.
I do not see any such support in the messenger API. Just wanted to confirm if its supported or not? Is there any other way/approach to achieve this?
Thanks in advance,
picku
You can accomplish something similar to what you want using the web view API: https://developers.facebook.com/docs/messenger-platform/messenger-extension
This allows you to display an HTML page without leaving the chat. If your responses are dynamic you could generate the pages at runtime and link to them using the API.

Resources