Content - Image

Owned by Enterprise IT
Jun 18, 2024

The image content allows you to integrate an image (a picture) in your chatbot conversation as a distinct message.

Supported Formats ​

Supported image formats are:

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

When loading an image from a variable URL, you might need to use triple braces.

Example: {{{temp.imageUrl}}}

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 the + button.
  4. Under Message, click the box.
    1. In the Pick Content dialog, under Search In, select Image.
    2. You can either:

      • Select an existing image in the list.

        This will bring you directly to step 5.

      • Create new Image by clicking the button.
    3. A new window will be displayed where you can modify the following options:
    4. Click Submit.
  5. Click Add Action (Alt+Enter).

Options​

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

When hovering a box where you can type, the </> symbol appears. This button helps you easily insert variables within your message. When you click it, it shows a list of variables that you can use such as temp., user., session., or event..

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 button at the bottom right of the square. A box will appear and you can type the URL of your image.

Don't forget to take a look at the list of supported formats.

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.

Best Practice

Your title should be short, precise, and relevant.

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.