- Website FAQ chatbot vs simple site search
- Website chatbot vs Facebook Messenger Bot
- How to create clickable hyperlinks in Dialogflow website chatbot
- How to add buttons to your Dialogflow website chatbot
- How to display images inside your Dialogflow website chatbot
- How to add line breaks inside your Dialogflow website chatbot
- Dialogflow webhook for website chatbots
- Reader Question: Do you know a good bot for websites I can try out?
- DialogFlow Web chatbox: Some UI design ideas
- How much does it cost to create an FAQ chatbot for my website?
One of the easiest ways to spruce up the presentation of your chatbot is to add some visuals such as images. As you know, you cannot do this natively using the existing web demo integration in Dialogflow. In this post, I will briefly explain how you can display images in your website chatbot.
You need to understand the system explained in my free "Rich Webchat using Dialogflow" course.
You will first need to upload your image to a server, or maybe your Amazon S3 account. Once you get a URL to the image, you can use the following markdown to add the image.
You can simply use this Markdown format and you will see that your Markdown library should be able to create HTML corresponding to the image.