If you haven't already, login to the Automabots Dashboard. Select Settings > Design from the left menu. You will see the Design dashboard. This is the place you set up the look and feel of your website chatbot.
In the first section, you manage the layout of the chatbot.
Here you set the chatbot name:
and upload photos for the Bot Avatar and your Company Logo:
The Bot Avatar is displayed in the chatbot message thread and the chatbot badge on your website
Viewing the Bot Landing Page
At this point, I'm going to ask you to take a small detour. We're going to locate the URL for your bot landing page and open the page so we can preview the design changes.
Click the 'General Settings' link in the left menu of the dashboard. Scroll to the bottom of the page where you see 'Additional Settings'. In the lower right corner of the section you will see the Listings Page URL. Click 'Default'.
Then highlight and copy all the content in the text box to the left of the Update button.
Paste this content into a new browser tab and hit 'Enter'. You should see your bot landing page. We will be referring to this page as we make updates to the styling of the bot.
Ok, now let's go back to the design page of the dashboard. Click 'Design' in the left menu and scroll to the color selectors.
In this example, we're going to change the Nav Bar Background Color from white to a shade of blue. Click on the color box to open the color selector.
Next, either enter the hex value for your color of choice, or select a color from the selector.
Click anywhere outside of the color selector to close the selector. Then click the Save button.
Now, refresh the bot landing page you just opened. You will see the change to the background color of the nav bar.
The color controls in the Layout section of the page affect the landing page styling
The color controls in the Chat Window section of the page affect the chat window styling
The color controls in the Infobox Window section of the page affect the infobox styling on the landing page
Up next, Managing Your Dialog Settings.