Recent searches


No recent searches

Configuring and deploying live chat



image avatar

Aimee Spanier

Zendesk Documentation Team

Edited Aug 10, 2023


0

7

7 comments

Both links are sending me to the same page. Please fix this. Thanks

3


Both links still aren't working. Can someone get them updated to link to the correct pages, please?

3


Links do not work, and take me back to this landing page. Please update as other requesters have asked.

0


image avatar

Aimee Spanier

Zendesk Documentation Team

Hi, all. So sorry for the delay. The links should work now. Thanks for your patience!

0


image avatar

Stephen Belleau

Zendesk LuminaryCommunity Moderator

Tina Gardner Nothing stands out to me. How are you handling the condition to suppress for only certain clients? What's happening that isn't working as intended? Is it suppressing for all? Not suppressing for all? Some other behavior?

1


Hi, 

 

I made a trial account with zendesk to try out integrating the chatbot features. 

I made a channel and provided the necessary configurations to have the chatbot started. I am trying to use the advanced features to customize the chatbot like color and position. 

Customizations are not getting reflected in the chatbot. 

below is the sample html page i am trying to integrate. However my changes are not getting reflected in the app. Can you please point out whether i am missing anything. 

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Hello, World!</title>
</head>

<body>
    <p>Hello, World!</p>

    
    <script type="text/javascript">
  window.zESettings = {
    webWidget: {
      color: { theme: '#2ced13' }
    }
  };
</script>
    <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=ab015c3b-d202-4be1-b307-384162b585a7">
    </script>
        
    <script type="text/javascript">
  window.zESettings = {
    webWidget: {
      position: { horizontal: 'right', vertical: 'top' }
    }
  };
</script>

    
    <!-- End of Zendesk Widget script -->
</body>

</html>

 

I am 

0


HI Tushar,
 
The window.zESettings object must be added before the Web Widget (Classic) snippet in a web page, so the settings can be applied before the widget is loaded.
 
A simpler version of your code might be: 
<script type="text/javascript">
window.zESettings = {
webWidget: {
color: { theme: '#2ced13' },
position: { horizontal: 'right', vertical: 'top' }
}
};
</script>
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOURKEY"></script>
 
The article "Quickstart – Web Widget (Classic) APIs" will be helpful to customize your Live chat widget.
 
I would also recommend to remove the widget key from your message here 😉️

0


Please sign in to leave a comment.