Setting Form Styles

Setting Form Styles

Click Style in the toolbar to customize your bot with your own look:

1. Select an image for the bot from the list : .
   Select More... to browse and load any custom image. It is recommended to use 40x40 px PNG images.
   
   
2. Set the background colors for bot and human messages and buttons.
3. Set the text colors for bot and human messages and for buttons.
4. Adjust the animation time which will delay when bot messages appear using the following typing indicator:

Animation time in the range from 0.1s (100 milliseconds) up to 10 secs (10000 ) is usually used.

Setting Background Colors

To set the background color for a message box, point to the background area and click when your cursor looks like an arrow

A color picker will appear where you can configure the needed color as follows:

You can click in the gradient area at the top to pick different shades of your selected color. Below is a slider allowing you to adjust the Hue of the selected color.

You can also enter directly the actual value of your color. It can be in RGB, HSL or Hex formats which you can choose using the up and down arrows on its right.

Setting Text Colors

To set the text color for a message box, point to the text and click when your cursor looks like an I-cursor:

A color picker will appear where you can configure the needed color for your text in the same way as for background colors.

Setting CSS

If you want to custom tune your forms then insert your own CSS in the Custom CSS field. In your CSS, you can use the HTML classes you can find using the developer tools of your browser.