function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
mitsvikmitsvik 

Chat window URL cut off live agent any idea why

 have set up omni channel and live agent and its working fine. But as you see in the attached, the urls passed from the agent is cut off. What could be wrong?User-added image
Raj VakatiRaj Vakati
Is its standard chat window ?or did you overrided ??
mitsvikmitsvik
it is the standard chat with some small customization to snap in code...
mitsvikmitsvik
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>

<style type='text/css'>
     @font-face {
        font-family: 'Omnes Regular';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes-regular-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes ExtraLight';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes_extralight-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes Light';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes_light-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes Medium';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes_medium-webfont.woff') format('woff');
        }
        
        
        @font-face {
        font-family: 'Omnes Semibold';
        font-style: normal;
        font-weight: normal;
        src: url('https://liveagentgk-developer-edition.ap5.force.com/resource/1540193580000/LA_Fonts/omnes-semibold-webfont.woff') format('woff');
        }
    .embeddedServiceHelpButton .helpButton .uiButton { 
        background-color: #011352; 
        font-family: "Salesforce Sans", sans-serif; 
        box-shadow: none;
        
        border: 3px solid skyblue;
  
        min-width: 15em;
        max-width: 17em;
     }
    .embeddedServiceHelpButton .helpButton .uiButton .live-icon { 
        font-size: 50px;
        line-height: 0px;
        position: relative;
        top: 12px;
        color: #58d63a;
    }
    .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled { display: none; }

    .embeddedServiceSidebarMinimizedDefaultUI.helpButton { 
        background:#011352!important; 
        font-family: "Salesforce Sans", sans-serif !important; 
        box-shadow: none !important;
        min-width: 8em !important;
        max-width: 10em !important;
       
        background-image: none !important;
     }
     .embeddedServiceSidebarMinimizedDefaultUI .embeddedServiceIcon {
        display: none !important;
    }
    .embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message, 
    .embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message:hover, 
    .embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message:focus 
    {
        margin: 4px 10px !important;
        background-color: #011352 !important; 
        color: #fff;
       
        border:0;
 
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: none !important;
        font-weight: normal !important;
    }
    @font-face {
    font-family: 'Salesforce Sans';
        src: url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.woff') format('woff'),
        url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.ttf') format('truetype');
    }
    .helpButtonLabel .message {
        margin: 4px 10px !important;
         background-color: #011352 !important; 
        color: #fff;
        border:0;
        
      
        text-transform: uppercase;
        font-size: 13px;
        text-decoration: none !important;
    }
    .embeddedServiceHelpButton .embeddedServiceIcon {
        display: none !important;
    }
    .embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: none;
    }
    .helpButtonEnabled:focus .helpButtonLabel {
        text-decoration: none;
    }
    .embeddedServiceSidebarButton {
        background: #35BDD1;
        font-family: "Omnes Semibold",sans-serif;
    }
    .embeddedServiceSidebarButton.uiButton--inverse, 
    .embeddedServiceSidebarButton.uiButton--inverse:hover, 
    .embeddedServiceSidebarButton.uiButton--inverse:disabled, 
    .embeddedServiceSidebarButton.uiButton--inverse:disabled:hover, 
    .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):focus, .embeddedServiceSidebarButton.uiButton--inverse:not(:disabled):hover {
        background: #011352 !important;
        color: #fff !important;
    }
    .embeddedServiceSidebarButton.uiButton--inverse .label {
        color: #fff;
    }
    .dialog-button-0 {
        background: #011352 !important;
    }
    .dialog-button-1.uiButton--inverse {
        background: #35BDD1 !important;
    }
    .embeddedServiceLiveAgentStateChatHeaderOption .embeddedServiceIcon, .embeddedServiceLiveAgentStateChatHeader .message {
        display: none !important;
    }
    .embeddedServiceLiveAgentStateChatHeaderOption, .embeddedServiceLiveAgentStateChatHeaderOption:hover {
        width: 100px;
        padding: 8px;
        background: #35BDD1;
        border-radius: 5px;
        color: #fff;
        text-decoration: none;
    }
    .embeddedServiceLiveAgentStateChatHeaderOption .optionName {
        margin-top: 0;
    }
    .chatOptions a.embeddedServiceLiveAgentStateChatHeaderOption:last-child, a.embeddedServiceLiveAgentStateChatHeaderOption:last-child:hover {
       
 background: #a6aaa9 !important;
        margin-left: 43px;
    }
    .embeddedServiceSidebarHeader .headerTextContent {
        font-family: "Omnes Semibold";
    }
    .embeddedServiceLiveAgentStateWaitingHeader .waitingGreeting.imageIsSet {
        font-family: "Omnes Semibold";
    }
    .embeddedServiceLiveAgentStateChatHeader .chatOptions {
        margin-top: 46px;
    }
</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 = 'en-US'; //For example, enter 'en' or 'en-US'
        embedded_svc.settings.widgetFontSize = "16px";
        embedded_svc.settings.prechatBackgroundImgURL = "https://xxx-cms-assets.s3.amazonaws.com/inline-images/Chat_PreChat_Header.jpg"
        embedded_svc.settings.waitingStateBackgroundImgURL = "https://xxxcms-assets.s3.amazonaws.com/inline-images/Chat_WaitingState.png";
        //embedded_svc.settings.avatarImgURL = "LiveAgent"
        embedded_svc.settings.defaultMinimizedText = '<span class="live-icon">&bull;</span>&nbsp;&nbsp;&nbsp;LIVE CHAT'; //(Defaults to Chat with an Expert)
        //embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline)

        embedded_svc.settings.loadingText = 'Loading Chat...'; //(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 Live Agent
        //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://xxxmy.salesforce.com',
            'https://xxx.secure.force.com',
            gslbBaseURL,
            '00D1N000002b5V1',
            'ELAM_Live_Agent',
            {
                baseLiveAgentContentURL: 'https://c.la1-c1-iad.salesforceliveagent.com/content',
                deploymentId: '5721N000000g7dj',
                buttonId: '5731N000000g7Tm',
                baseLiveAgentURL: 'https://d.la1-c1-iad.salesforceliveagent.com/chat',
                eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I1N000000blQtUAI_169c1f90d88',
                isOfflineSupportEnabled: false
            }
        );
    };

    if (!window.embedded_svc) {
        var s = document.createElement('script');
        s.setAttribute('src', 'https://xxx.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>
Raj VakatiRaj Vakati
can you create some css to  wraper the URL ?
mitsvikmitsvik
How can that be achieved? Get Outlook for iOS
mitsvikmitsvik
Something like this body {word-break: break-word;} But where in the code? Get Outlook for iOS
Kane HyattKane Hyatt
Can u pls provide css to wraper URL? Many of us are demanding it https://www.dqfansurvey.us/
mitsvikmitsvik
I figured that we need to add word-break: break-all to the above code. but i need help in figuring out where?....any idea
Margaret ColeMargaret Cole
Shorten the URL: If the URL is too long, consider using a URL shortening service (e.g., Bitly, TinyURL) to create a shorter version of the URL. This can help ensure it fits within the character limit and displays properly in the chat window.
Provide the URL in Multiple Messages: If the chat system allows it, you can break the URL into multiple messages or lines to display it in its entirety. Make sure to clearly indicate that the URL continues in the next message or line.
Contact Support: If you believe the issue is related to the chat system or platform itself, it's best to reach out to the support team or administrator responsible for the chat system. They can investigate the problem further and provide assistance or guidance on resolving the URL truncation issue.
Remember, the specific cause and solution may vary depending on the chat system or platform you are using, so it's recommended to consult the documentation or seek support from the appropriate channels related to the chat system. MyPennMedicine (https://www.mypennmedicine.online/)
daniel onedaniel one
If the URL in the Salesforce Chat window is being cut off, it could be due to various reasons. Here are a few possibilities:
Character Limit: Some chat systems or input fields have a character limit for the URL field. If the URL you're trying to enter exceeds that limit, it may be cut off.
Encoding Issues: Certain characters in a URL can cause encoding issues, leading to truncation. Make sure the URL you're entering doesn't contain any special characters or spaces that may need to be properly encoded.
UI Configuration: The chat window's layout or configuration may be causing the URL field to be displayed in a way that cuts off longer URLs. This could be due to a design choice or a misconfiguration of the chat system.
Browser or Device Limitations: It's possible that the issue is related to the browser or device you're using to access the chat window. Try using a different browser or device to see if the URL is still cut off.
Customization or Scripting: If the chat window has been customized or if there are any custom scripts running, it's possible that they are interfering with the URL field and causing truncation.
To troubleshoot the issue further, consider reaching out to the support team or administrator responsible for managing the Salesforce Chat implementation. They should be able to investigate the specific configuration and provide guidance or assistance in resolving the URL truncation issue. DQFanFeedback (https://www.dqfanfeedback.one/)