The appearance of the live chat window and the colors you choose for the live chat window should be synonymous with the theme of your website, where you are embedding the live chat code.

Here is how to change the colors of your live chat window:

1. Login to your Conversion Support account and go to the “Settings” tab.

Settings - Conversion Support

2. Click “Chat Appearance”.

Chat Appearance - Settings - Conversion Support

3. Click “Customize chat window”.

Customize Chat Window - Chat Appearance - Settings - Conversion Support

4. Under “Customize Chat Window”, click on “Edit”. The “Edit” option will invoke different options to change the colors of different portions of the chat window.

Edit colors - Customize Chat Window - Settings - Conversion Support

 

Chat window title bar color: You can change the color of the title bar of the chat window with the color template provided. Click on the “Edit” button placed near the chat window logo and choose the color of your choice from the template.

Chat window title bar color change - Customize chat window - Conversion support

Chat Agent title color

The title color for the chat agent can be changed as well using the same color template. Click on “Edit”, choose the color and you are done.

chat agent text color - Customize chat window - settings - Conversion Support

Visitor title color

You can change the color of the “Visitor” text by clicking “Edit” next to the “Visitor” and selecting the color of your choice in the color picker template.

Visitor text color - customize chat window - settings - Conversion Support

Reply Box color

To change the color of the “Reply” box, click the “Edit” button next to the “Reply” box and use the color picker template to choose a color of your choice.

Reply box color - customize chat window - settings - conversion support

When you are done with choosing your preferred colors for the chat window, make sure you save your changes by hitting the “Publish” button.

Publish - customize chat window - settings - conversion support.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>