隐藏聊天窗

如果需要在特定的情况下隐藏聊天窗口，可以调用EasyChat提供的开放接口方法来实现。注意：使用开放接口需要一定技术能力，请由网站技术人员参考本文代码对接实现。

接口函数：_ZHCHAT('hideChat')

请确保在页面底部</body>前插入「网页接入代码」再按需调用。 网页接入代码在客服工作台「客户接入渠道」里创建「网页」类型的渠道生成。

示例代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>测试</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
    <!-- 点击下面的按钮隐藏聊天窗，前提聊天窗口是打开状态 -->
    <button onclick="hideChat()">关闭聊天窗口</button>
    <script>

      //点击按钮处理事件
      function hideChat(){
        //在确保网页插入接入代码后，JS 可以直接调用全局函数 _ZHCHAT('hideChat') 实现关闭聊天窗口
        _ZHCHAT('hideChat')
      }

      //请确保在页面底部 </body> 前插入接入代码
      //接入代码在客服工作台「客户接入渠道」里创建生成
      (function(d, w, c) {
        var s = d.createElement('script');
        w[c] = w[c] || function() {
          (w[c].z = w[c].z || []).push(arguments);
        };
        s.async = true;
        s.src = 'https://res.onechat.one/plug/widget.js';
        if (d.head) d.head.appendChild(s);
      })(document, window, '_ZHCHAT');
      _ZHCHAT('ini',{ channelId : 'xxxxx' });
      //以上是接入代码示例，请务必使用自己创建生成的接入代码。

    </script>
</body>
</html>
Previous展开聊天窗Next指定客服或客服组

Last updated

Was this helpful?