去评论
dz插件网

携信客服聊天系统插件【自定义引入】自定义按钮启动

admin
2023/09/10 15:01:48
携信客服聊天系统插件【自定义引入】自定义按钮启动:
  1. <script src="{:env('domain.xchat')}/source/plugin/xchat/static/xchat/js/xchat.js"></script>
  2. <script type="text/javascript">
  3.     XChat.init({
  4.         text: '博客Chat',
  5.         name: '龙心',
  6.         open: 1,
  7.         code: '18d54c22Cdgz0TfFB-JeRMt7cpNP9hLjJfSdyk0Uz7t5',   // 客服代码,可省略
  8.         hideStart: true,            // 隐藏最小化按钮
  9.         onStart: function(cb) {     // 自定义启动
  10.             let init = false, xchat
  11.             // 页面自定义按钮click事件
  12.             $('#chat').on('click', function() {
  13.                 if (!init) {
  14.                     xchat = cb()    // 客服初始化
  15.                     init = true
  16.                 }
  17.                 xchat.toggle(1) // 客服最大化,0最小化
  18.             })
  19.         }
  20.     })
  21. </script>

通过自定义,一个页面可以放多个客服按钮