Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »


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>Customization
  4. Set "1) Pick Your Theme" to "Circle" & "Bubble"

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

  6. Click "Customize using own CSS"
  7. Paste text from this file
  8. Save by selecting "I'm done editing"

  9. Go to Engagement>Eye-catcher
  10. Select "Upload custom picture"
  11. Upload this eye-catcher image
  12. Go to Engagement>Chat buttons
  13. Upload this online button and this offline button


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

Filter by label

There are no items with the selected labels at this time.



Styling files:

  File Modified
No files shared here yet.

  • No labels