Content - Image

The image content allows you to integrate an image (a picture) in your chatbot conversation as a distinct message. Refer the sample screenshot below:

Figure: Image

Supported Formats

Supported image formats are:

• .tiff;
• .jpg;
• .png;
• .jpeg;
• .gif;
• .bmp;
• .tif;

Add an Image in a Node

1. In the Flow Editor, click the node where you want to add your image.
2. Choose where to put your image: On Enter, On Receive, or Transitions.
3. Click +.
4. Under Message, click the box.
   1. In the Pick Content dialog, under Search In, select Image.
   2. You can either:
      1. Select an existing image in the list.
         
         Note:

         This will bring you directly to step 5.
      2. Create new Image by clicking the button.
   3. A new window will be displayed where you can modify the following options:
      1. The Image button.
      2. The Title box.
      3. The Show typing indicators radio button.
   4. Click Submit.
5. Click Add Action (Alt+Enter).

Options

When adding a Image content, you can modify some options:

Image

There are two ways to add an image:

• Under Image, click the square with an up arrow. Then, you can choose which image you want to add there from your storage.
• Under Image, click the Or enter URL at the bottom right of the square. A box will appear and you can type the URL of your image.

Title

There is a box where you can add a title to your image. This title is displayed when you hover over the picture you just sent.

Show Typing Indicators

The radio button is checked by default. You can uncheck it.

When your user is chatting with the chatbot, they will see the icon  (a bubble with three moving dots) while the chatbot is "typing" before receiving an answer.