在线客服系统 · 访客端演示

💬 微信咨询

点击下方按钮，唤起微信直接与客服对话（支持文字 / 图片 / 语音）

手机点击自动唤起微信 · 电脑点击显示二维码扫码咨询

体验流程

• 点击右下角悬浮按钮，填写称呼后开始咨询（这就是访客的真实体验）
• 新开一个浏览器标签打开 /agent/，用客服账号登录客服工作台
• 再开一个标签用另一个客服账号登录，多开访客窗口即可看到自动分流按策略分配
• 在客服工作台可以「转接」给另一位客服，或「结束会话」，所有消息都会落库
• 会话结束后访客端会自动弹出满意度评价，结果可在管理后台查看

如何嵌入你自己的网站

把下面一行代码放到网站任意页面 </body> 之前即可（把域名换成你的客服服务地址）：

<script src="https://cs.example.com/widget/widget.js"
        data-server="https://cs.example.com"
        data-title="在线客服"
        data-theme="#2b7cff"></script>

也可以用 JS 手动初始化：

ChatWidget.init({
  server: 'https://cs.example.com',
  title: '售前咨询',
  theme: '#ff6600',
  position: 'right',
  requireName: true,
  autoOpen: false
});

分流策略说明

• sticky（默认，熟客优先）：优先分配给最近 7 天接待过该访客的客服；该客服不在线或已满负荷则降级为轮询
• round_robin（轮询）：在所有空闲客服中按「最久未接待」依次分配，绝对均衡
• least_load（最少负载）：按 当前接待数 / 接待上限 的负载率取最空闲者

策略可在数据表 cs_settings 的 assign_strategy 中实时修改，无需重启服务。

没有任何空闲客服时，会话进入排队队列；客服一上线或结束会话释放名额，系统会自动把排队会话分配出去。