Hover over the chat window to get started.
[iframe width=”600″ height=”600″ src=”http://www.https://botflo.com/giftminion”%5D
What is this?
It is a gift recommendation chatbot. While it is not a particularly smart chatbot (yet), it has a user interface similar to the Google Assistant. That means you can do the following:
- add clickable hyperlinks
- show images
- show buttons which users can select to make choices
- present rich information in a carousel-like user interface
- show a list of options which user can select from
What’s so unique about that?
API.AI’s built in web demo integration does not allow you to do any of this
How do you create the chatbot?
I use the Google Assistant message type inside my intents. Here is a screenshot as an example:
I use the REST API to communicate with the chatbot. And I used a CSS library to combine it all into the user interface.
How do the controls look so rich?
It is definitely not my skillset. 🙂
I used the awesome Material Design Bootstrap library. (the controls I used were the free ones).
Why can’t the chatbot answer even simple questions?
This is not intended to be a bot which can converse with the user. It is meant to be used as an interactive digital assistant which showcases some missing elements in the API.AI web demo integration. However, you can add conversational elements to this chatbot and I will be doing so very soon.
I want to add a similar chatbot to my website.
<— End of article —>
This website contains affiliate links. See the disclosure page for more details.
"The magic key I needed as a non-programmer" The custom payload generator was the magic key I needed (as a non-programmer) to build a good demo with rich responses in DialogFlow Messenger. I've only used it for 30 minutes and am thrilled. I've spent hours trying to figure out some of the intricacies of DialogFlow on my own. Over and over, I kept coming back to Aravind's tutorials available on-line. I trust the other functionalities I learn to use in the app will save me additional time and heartburn. - Kathleen R Cofounder, gathrHealth
"Much clearer than the official documentation to be honest" Thanks a lot for the advice (of buying and following your videos)! They helped a lot indeed. Everything is very clear when you explain, much clearer than the official documentation to be honest 🙂 Neuraz T Review for Learn Dialogflow CX
"I will strongly recommend this course because even I can learn how to design chatbot (no programming background)" I think Aravind really did a great job to introduce dialogflow to people like me, without programming background. He organizes his course in very clear manner since I have been a college professor for 20 years. It is very easy for me to recognize how great Aravind’s course is! Very use-friend and very easy to follow. He doesn’t have any strong accent when he gives the lectures. It is so easy for me to understand. Really appreciate it. Yes, I will strongly recommend this course because even I can learn how to design chatbot (no programming background) after studying Avarind’s course, you definitely can! Ann Cai Review for Learn Dialogflow ES