显示和隐藏聊天窗口

注意:本指南仅适用于Chat-only帐户的Chat小部件，而不适用于Chat+Support帐户。看到<一个href=＂https://support.zendesk.com/hc/en-us/articles/4408836197658">关于聊天帐户类型在聊天帮助中心。

您可以使用Chat Widget API让访问者在网页上显示和隐藏聊天窗口。

在页面上需要两个自定义图像或按钮，用户可以单击它们来显示和隐藏聊天窗口。例子:

             

              
<一个href=＂＂><imgsrc=＂https://my_cdn.com/open_chat.png＂/>一个><一个href=＂＂><imgsrc=＂https://my_cdn.com/close_chat.png＂/>一个>
             

在开始之前，默认情况下使用Chat仪表板隐藏页面上的Chat小部件。如果你不是一个聊天管理员，请别人帮你做。

默认情况下隐藏聊天小部件

1. 在Chat仪表板中，选择设置>小部件然后点击设置选项卡。
2. 在隐藏小部件部分，启用关闭聊天工具．

接下来，在页面源代码中实现显示和隐藏功能。

显示和隐藏聊天窗口

1. 调用APIlivechat.window.show ()函数，当用户单击自定义图像或按钮之一时。

                  
   
                   
   <一个href=＂javascript: $ zopim.livechat.window.show ()＂><imgsrc=＂https://my_cdn.com/open_chat.png＂/>一个>
                  

   请注意本教程使用内联JavaScript。建议在生产环境中使用JavaScript事件侦听器和处理程序。

2. 调用APIlivechat.window.hide ()当用户单击其他自定义图像或按钮时的功能。

                  
   
                   
   <一个href=＂javascript: $ zopim.livechat.window.hide ()＂><imgsrc=＂https://my_cdn.com/close_chat.png＂/>一个>
                  

单击每个图像应该显示和隐藏聊天窗口。