Versions Compared

Old Version 1

changes.mady.by.user Derya Özdemir

Saved on

compared with

New Version 2

changes.mady.by.user Derya Özdemir

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Note

The old version of the Chat Widget is no longer supported. We highly recommend that you switch to the new version of the Chat Widget by replacing the old code snippet on your website with the new one to ensure the best possible experience for your customers. You can find information about the customization settings for the old widget below.

Expand
titleCustomization for the old Widget widget

To add iconClass to the chat configuration Javascript:

Code Block
var spartezSupportChat = {
        url: 'https://jira.spartez.com',
        portal: 2,
 
 
        // ######## ADDED ############
        iconClass: 'my-chat-icon-class'
        // ######## END OF ADDED #####
    }

To add CSS rules:

Code Block
.my-chat-icon-class.support-chat-icon {
    background-color: darkcyan !important;
}

To change the color of the top bar:

Code Block
.spartez-support-chat-container .top-header{
background-color:#172b4d !important;
}

To change the color of the “New Conversation” button:

Code Block
.chats-list button.new-conversation{
background-color:#172b4d !important;
}

To change the color of the chat icon:

Code Block
.support-chat-icon {
background-color:#000 !important;
}