How to display images inside your Dialogflow website chatbot

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.

Prerequisite

You need to understand and implement the system explained in the Rich Webchat article.

Images

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.