Where in the code snippet below would I customize the initial chat help button? How would you write the code to change the initial chat help button's size (height & width), image, and/or
#Chatbot font? Thanks for the help on this matter.
<style type='text/css'> .embeddedServiceHelpButton .helpButton .uiButton { background-color: #005290; font-family: "Arial", sans-serif; } .embeddedServiceHelpButton .helpButton .uiButton:focus { outline: 1px solid #005290; } </style> <script type='text/javascript' src='https://service.force.com/embeddedservice/5.0/esw.min.js'></script> <script type='text/javascript'> var initESW = function(gslbBaseURL) { embedded_svc.settings.displayHelpButton = true; //Or false embedded_svc.settings.language = ''; //For example, enter 'en' or 'en-US' //embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert) //embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline) //embedded_svc.settings.loadingText = ''; //(Defaults to Loading) //embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session) // Settings for Chat //embedded_svc.settings.directToButtonRouting = function(prechatFormData) { // Dynamically changes the button ID based on what the visitor enters in the pre-chat form. // Returns a valid button ID. //}; //embedded_svc.settings.prepopulatedPrechatFields = {}; //Sets the auto-population of pre-chat form fields //embedded_svc.settings.fallbackRouting = []; //An array of button IDs, user IDs, or userId_buttonId //embedded_svc.settings.offlineSupportMinimizedText = '...'; //(Defaults to Contact Us) embedded_svc.settings.enabledFeatures = ['LiveAgent']; embedded_svc.settings.entryFeature = 'LiveAgent'; embedded_svc.init( 'https://cliftonsfurniture.my.salesforce.com', 'https://cliftonsfurniture.secure.force.com/liveAgentSetupFlow', gslbBaseURL, '00D5e000002Go57', 'Clifton_s_Chat_Team', { baseLiveAgentContentURL: 'https://c.la4-c1-ia4.salesforceliveagent.com/content', deploymentId: '5725e000000tvz8', buttonId: '5735e000000twqp', baseLiveAgentURL: 'https://d.la4-c1-ia4.salesforceliveagent.com/chat', eswLiveAgentDevName: 'Clifton_s_Chat_Team', isOfflineSupportEnabled: true } ); }; if (!window.embedded_svc) { var s = document.createElement('script'); s.setAttribute('src', 'https://cliftonsfurniture.my.salesforce.com/embeddedservice/5.0/esw.min.js'); s.onload = function() { initESW(null); }; document.body.appendChild(s); } else { initESW('https://service.force.com'); } </script>
Hi Rob,
did you try by changing the very first part of this snippet
i.e this part - embeddedServiceHelpButton .helpButton .uiButton { background-color: #005290; font-family: "Arial", sans-serif; }