Content - Image
  • 07 Jun 2024
  • 1 Minute to read
  • PDF

Content - Image

  • PDF

Article summary

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;
Note:
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 +.
  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:

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


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.