As part of "Designing your Bot" to reflect your Brand and Personality, we want you to be able to customize the background images in your Bots. It is very simple to do and this is how it looks like:
From the side menu on the Bot's page, click on Design
Now click on the Custom option and select Background
The background options consists of two elements
Chat Background and Page Background.
In the chat background option we can add a logo ( up to 50kb ) just like the above image. We have to click on upload logo and select the logo which we want to add and then click on open.
Please note that the logo would be displayed on the top right corner of the chatbot. For reference look at the image below. The logo of NIKE can be seen on the top right corner of the chatbot.
We can even add a solid color to the back ground of the chat or select a gradient tone from the existing list of gradients and also add images as background.
If the design and background meets our expectations we can click on save changes and the background will be added to the chatbot
In the page background option we can add a background to the page which is behind the chatbot.
In this case also we have three ways by which we can change the Page Background color i.e., A solid color, pre-made gradient and finally an image.
While adding images we can also choose the best fit of the image for our chatbot. This is done by selecting either one of the three .
*Please note that the Page Background would not effect the mobile view.
And this is how you add background to your chatbots. Hope this solved your query.
Incase you want to check how to make design changes to your chatbot please click on the following link - https://help.hellotars.com/en/articles/6014354-how-to-make-design-changes-to-your-bot