There are several design tools that let you customize the appearance of your Chatbot. This article shows you how to customize the design and color of Chatbot messages.

1 Customizing message bubbles

A message bubble is a box that hold Chatbot text. You can customize the shape of message bubbles.

  1. Open the Design page.
  2. Go to the toolbox on the left side of the page.
  3. Click Message Bubble. The box expands.
  4. Select an option. Review changes in the preview panel.
  5. After selecting the final option, click Save at the top of the page.
Message Bubble_settings

2 Customizing Bot message color

Each message bubble has two colors: one for the background and one for the Chatbot text. You can customize both colors.

  1. Go to the toolbox on the left side of the page.
  2. Click Bot Message. The box expands.
  3. Click the box under Background. A color picker displays.
  4. Select a color for the bubble background.
  5. Click the box under Text. A color picker displays.
  6. Select a color for the bubble text.
  7. After selecting the final options, click Save at the top of the page.
Bot Message Color Settings

3 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. Required fields are marked *