", "answerCount": 4, "upvoteCount": 1, "datePublished": "2021-09-10T16:20:26.000Z", "author": { "@type": "Person", "name": "J Rob Handley DBA MS", "url": "https://trailblazers.salesforce.com/profileView?u=0054S0000017ZcKQAU", "affiliation": { "@type": "Organization", "name": "AAVA LLC" } }, "acceptedAnswer": { "@type": "Answer", "text": "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;  }", "upvoteCount": 0, "url": "https://trailhead.salesforce.com/trailblazer-community/feed/0D54S00000CgCPVSA3", "datePublished": "2021-09-11T11:37:49.000Z", "author": { "@type": "Person", "name": "Devendra Patel", "url": "https://trailblazers.salesforce.com/profileView?u=0053A00000Da3bAQAR", "affiliation": { "@type": "Organization", "name": "HCL Technologies" } } }, "suggestedAnswer": [ { "@type": "Answer", "text": "It's been almost a year since I had this issue.  If I recall, at the time, there were limitations to what can be done with the initial help button on SF's end.  This configuration had to be done on our clients website instead.  Thanks for following up.", "upvoteCount": 0, "url": "https://trailhead.salesforce.com/trailblazer-community/feed/0D54S00000CgCPVSA3", "datePublished": "2022-08-01T17:09:32.000Z", "author": { "@type": "Person", "name": "J Rob Handley DBA MS", "url": "https://trailblazers.salesforce.com/profileView?u=0054S0000017ZcKQAU", "affiliation": { "@type": "Organization", "name": "AAVA LLC" } } } ] } } Skip to main content

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>

4 answers
  1. Sep 11, 2021, 11:37 AM

    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;  }

0/9000