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.
Setting the LiveChat styling:
- Log into the LiveChat account for the center
- Go to Settings
- Open Chat Window>Customization
Set "1) Pick Your Theme" the appearance theme to "CircleModern" & "Bubble"
| Section |
|---|
 Image Removed
|
Set "2) Pick Your Color" to "#29ABE2"
| Section |
|---|
 Image Removed
|
- Click "Customize using own CSS"
- Paste text from this file
 Image Added
|
Scroll down and set the custom colors of your widget
| Section |
|---|
 Image Added
|
Save by selecting "I'm done editingSave changes"
| Section |
|---|
 Image Removed Image Added |
- Go to Engagement>Eye-catcher
- Select "Upload custom picture"
- Upload this eye-catcher image
- Go to Engagement>Chat buttons
- Upload this online button and this offline button
| Info |
|---|
| Following these steps will ensure your LiveChat widget matches the theme of your Online Sales site. |
Related articles
| Filter by label (Content by label) |
|---|
| showLabels | false |
|---|
| max | 5 |
|---|
| spaces | com.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@1f7ab1 |
|---|
| showSpace | false |
|---|
| sort | modified |
|---|
| reverse | true |
|---|
| type | page |
|---|
| cql | label in ( "customersupport" , "livechat" ) and type = "page" and space = "CCSD" |
|---|
| labels | livechat customersupport |
|---|
|