Page Comparison

Once a center has created a LiveChat account they need to configure it to set the styling. The settings listed below can be used to make the LiveChat widget match the styling of Online Sales. 

Centers can set the styling of the LiveChat widget as they see fit. For more information on custom CSS styling please visit the LiveChat styling guide.

Step-by-step guide

Setting the LiveChat styling:

1. Log into the LiveChat account for the center.
2. Go to Settings.
3. Open Chat Window>Customizationwidget → Customization.

4. Set "1) Pick Your Theme" the appearance theme to "CircleModern" & "Bubble".

   Section
   Image Removed

   Set "2) Pick Your Color" to "#29ABE2"

   Section
   Image Removed

5. Click "Customize using own CSS"
6. Paste text from this file

7. Save by selecting "I'm done editing"

   Section
   Image RemovedImage Added

   
   

8. Scroll down and set the custom colors of your widget.

   Section
   Image Added

   
   

9. Save by selecting "Save changes".

   Section
   Image Added

   
   

10. Go to Engagement>Eye-catcher.
11. Select "Upload custom picture".
12. Upload this eye-catcher imagethe "chat with us" image at the top right this page.
13. Go to Engagement>Chat buttons.
14. Upload this online button and this offline buttonthe online button ("live-chat-now" image) and the offline button ("leave-message" image).

Related articles