This article shows you how to place an image inside a Message block. Images can provide users with useful information and make your Chatbot message content more interesting.

1 Opening a message block

Images are placed inside a Message block. An image cannot be placed beside text. An image is placed on a blank message line that sits above or below text.

  1. Go to the My Bots page.
  2. Locate the Bot you want to edit and then click Edit. The Builder page opens.
  3. Click a message block. The Message panel displays.
  4. Click Add to insert a blank message line.
  5. Click the Image Selector button. The Select File panel displays.
Adding an image in a new block

2 Selecting a file source

  1. Click the Select File Source button. A drop-down menu displays for 4 image loading options.
  2. Select how you want to place an image inside your message.
Selecting the image file source

3 Uploading from your computer

Select this option if you want to upload a picture from your computer.

  1. Select Upload from Computer.
  2. Click Browse.
  3. Locate the image on your computer.
  4. Click the image. The file address appears in the window.
  5. Click Use this Image. The image uploads to your Bot file.
  6. Click Continue. The Message panel displays.
  7. Click Save. The image appears as a link in the Message block.
Image URL

4 Uploading from URL

You can insert an image by adding the picture’s URL address. This is a good option if you want to use an image hosted on your site. You can also use this option to insert a picture from image sites that offer a Free to Use license.

  1. Open the Select File panel and then select Upload from URL.
  2. Open a new window on your computer and then locate the image you want to insert.
  3. Right click the image and then choose Copy image address.
  4. Return to the Select File panel.
  5. Right click on the File/URL path box.
  6. Select Paste. The URL is placed inside the box.
  7. Click the Use this Image box. The image is uploaded to your Bot file.
  8. Click Continue. The Message panel displays.
  9. Click Save. The image appears as a link in the Message block.
Copying the image address

5 Uploading from Gallery

To reduce image search time, select the Gallery option. The Gallery displays images that match your Bot topic.

The Gallery also acts as a storage area for images that you have previously uploaded. This is a handy time-saving tool if you want to use the same image more than once.

  1. Open the Select File panel and then select Gallery. A list of options displays. The options include thumbnails and URLs.
  2. Click a thumbnail to preview the image.
  3. Scroll through the list to preview other options.
  4. To insert an image, click the picture you want and then click Continue at the bottom of the panel. The Message panel displays.
  5. Click Save. The image appears as a link in the Message block.
Images_Scroll bar

6 Searching free stock images

There is an option to search libraries of free stock images.

  1. Open the Select File panel and then select Free Stock Images.
  2. Enter a keyword or phrase and then click Search.
  3. A list of options displays.
  4. Scroll through the images.
  5. To insert an image, click the picture you want and then click Use this Image. The image is uploaded to your Bot file.
  6. Click Continue at the bottom of the panel. The Message panel displays.
  7. Click Save. The image appears as a link in the Message block.
Inserting the image

7 Inserting an image link

You can add, change, or delete the image link any time.

You have the option of adding a link to each image you place in the Message block. When a website visitor is looking at your Chatbot and clicks the image, a new tab opens with that URL.

  1. Click the block that holds the image you want to modify. The Message panel displays.
  2. Click the image button beside the image link. The Select File panel displays.
  3. Enter the URL in the Image Link box at the bottom of the panel.
  4. To delete a link, highlight the URL with the mouse pointer and then push the Delete button on your keyboard.
  5. Click Continue at the bottom of the panel. The Message panel displays.
  6. Click Save.
Insert image URL

8 Previewing your image

  1. Go to the Builder page.
  2. Click Preview in the top menu. The Chatbot displays on the right side of the screen. Your image appears as part of the message.
  3. Hover the mouse pointer on the image. If the pointer changes to a hand, the image link is working. If the pointer is unchanged, the image is not connected to a URL link.
Image in the bot
Tagged:

Leave a Reply

Your email address will not be published. Required fields are marked *