Google Dialog Flow: Change Design/Colours - dialogflow-es

I use Google Dialog Flow and I still created a Agent. I want to customize the appeareance of the chat window and I do not know how to do it. It seems like there is no options to do this in the DialogFlow Console. I have seen that there are products like Botcopy, but I want to do it by myself. Do I need to use the API to integrate the bot into my website if I want to change the looks?

the DialogFlow web widget is mean to be used for testing, you can hack the CSS and override the way it looks but it is not a recommended approach.
In order to integrate your DialogFlow chatbot on a website you can indeed use Botcopy or Kommunicate (both provide a Widget to add to the web site with some customisation options).
If you are a UI guru you want to build something yourself you can use the DialogFlow SDK https://github.com/googleapis/nodejs-dialogflow

Related

How do I integrate Dialogflow with new Google sites?

It looks like new Google sites does not support scripting. Is there any other way I can integrate Dialogflow with Google sites besides using embed code? I'd like a chat widget to pop up on the website.
Only Classic Sites (Previous version) supported Apps Script where you might have been able to add that.
New Sites, the closest thing that can be added to it are HTML and JavaScript as suggested by their official documentation.
Reference
https://support.google.com/sites/answer/90569?hl=en#zippy=%2Cadd-html-css-or-javascript-code-to-your-site

integration Buttons in Dialogflow Web demo Chatbot

i have a question about chatbots with dialogflow.
I am currently building a chatbot in Dialogflow. I would like to add this chatbot to my website. My problem is that this chatbot should also contain buttons, that the user can click on this. I have built some buttons,but I can't see the buttons in the Dialogflow web demo. There are buttons on dialogflow console, but it isn't shown on the web demo. Does anyone know what that could be?
I only found it as a source kommunicate.io, which didn't really help me either.
Thanks for answers..
Dialogflow Web Demo does not support rich responses (buttons, cards, images etc..). For integrating it to your webpage you can either use third-party solutions like Kommunicate or build your own web wedge.
Yeah, DialogFlow web demo does not provide rich responses like the card, quick replies & suggestion chips. But you can use Dialog Flow messenger(New Feature) to add buttons & images. You've to use Custom Payload for getting a rich response.

dialogflow, google action and webdemo

Can you like with the Test Simulator have an embedded Google Action or use a Live chat style bot on a website with Google Actions responses? Are there any code labs or third party platforms that do this?
Yes, some of the 3rd party chat windows I know of:
- Smooch
- Kommunicate
You will have to use the Payload response to send specific components (such as cards, quick replies or images)
There's also this Github repository which allows you to set Google Actions replies and it will display it in chat:
https://github.com/mishushakov/dialogflow-web-v2
Or you can write your own in React or Vue.
Actions on Google is the platform for Google Assistant developers and have own library and components. You can use these features and components only on Google Assistant projects, since every platform has different features and capability. If you need to create a chatbot with these kind of features, you should check platform's docs eg. Facebook, Telegram...
If you want to create a chatbot which has some rich responses, Dialogflow has own attributes such as Card, Suggestion. So, you can build your agent and integrate Dialogflow (not Google Action).
You can check here for platform and Dialogflow's response and payload ability.

Launching app from Google assistant via Dialogflow

I'm using Dialogflow to interact with my users (they can ask questions, ask to receive reports etc...) and I would like to launch an Android application when they invoke one the intents I created, is there a way to that?
Short answer: Not really.
Longer answer: While you can't have one of your Actions trigger any Android Intent directly, you do have a few options to strongly suggest to a user that they do so. For example:
You can use something like Firebase Cloud Messaging (FCM) to trigger a notification/event.
If you're relying on the screen of the Android device, you can send a card that includes a URL, and that URL can deep link into your application if you've configured it.

Which are the popular bot frameworks for developing chatbot for website or web application?

I am looking to create a chatbot for my web application, I have tried the Microsoft Bot Framework but I am unable to customise chat screen and copy text for the chat screen using both Direct Line and WebChat. So I am looking for options which can provide me more options for customisation.
The webchat control is an open source project you can download and customize. You should be able to edit the scss. The repo can be found here. This is your best option unless you would like to write your own control from scratch. I'm not aware of another framework that has an embeddable control such as webchat.

Resources