There are several design tools that let you customize the appearance of your Chatbot. This article shows you how to change the background of a Chatbot.

1 Opening the background settings panel

The box on the left side of the page contains the design tools.

  1. Open the Design page.
  2. Locate the toolbox on the left side of the page.
  3. Click Background. A menu drops down.
  4. Under Type, select either solid, gradient, or image.

Solid Color

This places a single color in the Chatbot background.

  1. Click Color and the Color box displays.
  2. Under Colour, click the box to open the color picker.
  3. Click and drag the mouse pointer to survey the color options.
  4. Release the mouse to choose a color.
  5. Slide the bar up or down to select a different gradient.
Chatbot Background Color_settings


This places a gradient color in the Chatbot background.

  1. Click Gradient and a set of options displays.
  2. Select a gradient option.
Chatbot Background Color_settings


You can place an image in the Chatbot background. The recommended minimum image size is 1920 x 1080.

  1. Click Image. The upload panel displays.
  2. Click the green button on the panel. The Select Image Source panel displays.
  3. Choose your image source and upload. The image is placed in the Chatbot background.
  4. To remove an image, click the red X in the upload panel.
Select Image_settings

For more information about image upload options, see:

2 Saving and previewing the Chatbot

You save your work by clicking the Save button at the top of the page. There is no Preview button for your Chatbot on the Design page. Instead, use a workaround to preview your Chatbot.

  1. Click the Next button at the top of the page. The page changes.
  2. Click Next again. The page changes.
  3. Click View in the top right corner of the page.
  4. A new page displays your Chatbot in full.
Save&Launch&Next Icons

Leave a Reply

Your email address will not be published.