Configure the style of LiveChat in Online Sales


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 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 widget → Customization.
  4. Set the appearance theme to "Modern" & "Bubble".

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

  6. Save by selecting "Save changes".

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


Following these steps will ensure your LiveChat widget matches the theme of your Online Sales site.



Styling files: