How to replace the default logo with your company logo in the snap-ins widget which was hosted in your Website( I have hosted in visualforce page for testing)

• Customers might be hosted your snap-ins code in your website and have a requirement to replace the minimized chat window logo with their company logo
• To achieve this developer should have to play with CSS. Below is the sample code where you can use to replace the logo with the company logo.

         .embeddedServiceHelpButton .embeddedServiceIcon::before{content:url(/resource/1587015834000/Chat_Logo)!important;width:20px !important;height:20px !important;}

• I have uploaded images in static resources and referred to in custom CSS but you can take the call where to store the image and to refer. After you did this change to the chat minimized window and it looks like the image above with customized logo.
• Logo and 'chat with Agent' text adjustment need to be tuned with CSS.

                                                    Keep Blogging!!!