💬 在线客服聊天系统

微信风格 · 实时通信 · 一行代码接入您的网站

⚡ WebSocket 实时收发 🎨 微信同款聊天气泡 📱 移动端自适应 🔔 未读提醒 / 声音提示

快速开始

💡 本页面右下角已嵌入客服组件,点击绿色气泡即可发起会话;客服登录 /admin 工作台后即可实时收发消息。

接入您的网站

将下面代码添加到目标网站的 </body> 前,右下角即会出现漂浮客服按钮:

<script>window.KEFU_CONFIG = { siteId: 'default' };</script> <script src="https://chatv4.buzz/widget.js" defer></script>

⚠️ 不同网站请设置不同的 siteId,例如 A 站用 'siteA',B 站用 'siteB',以便分配给不同客服。

可选配置:window.KEFU_CONFIG = { siteId: 'siteA', title: '客服标题', subtitle: '副标题' }

多站点配置示例

不同网站使用不同的 siteId,后台可添加多个客服账号,每个客服绑定一个站点:

/* A 站 - 嵌入代码 */ <script>window.KEFU_CONFIG = { siteId: 'siteA' };</script> <script src="https://chatv4.buzz/widget.js" defer></script> /* B 站 - 嵌入代码 */ <script>window.KEFU_CONFIG = { siteId: 'siteB' };</script> <script src="https://chatv4.buzz/widget.js" defer></script> /* C 站 - 嵌入代码 */ <script>window.KEFU_CONFIG = { siteId: 'siteC' };</script> <script src="https://chatv4.buzz/widget.js" defer></script>

在后台「客服管理」中添加客服,填写站点标识(如 siteA)和密码,该客服登录后只能看到 siteA 的访客。

使用流程

  1. 登录后台添加客服 —— 用超级管理员密码登录 /admin,在「客服管理」中添加客服账号,每个客服绑定一个站点标识(siteId)。
  2. 网站嵌入组件 —— 把嵌入代码放进您的网站页面,设置对应的 siteId。A 站客服用 siteId:'siteA',B 站用 siteId:'siteB'。
  3. 访客发起咨询 —— 访客点击网站右下角绿色气泡即可发起会话;客服离线时自动留言提示。
  4. 客服实时接待 —— 各客服登录后台只看到自己站点的访客,点击访客弹出悬浮聊天窗口即可回复。

功能特性

💬
微信风格界面绿色气泡 / 圆角头像 / 时间分隔
⚡
实时双向通信WebSocket 推送,断线自动重连
🗂️
多会话管理会话列表 / 未读角标 / 在线状态
💾
聊天记录持久化历史消息服务端保存,随时可查
👤
访客身份识别回访自动续接上次会话与记录
🔔
新消息通知桌面通知 / 声音 / 角标多重提醒
⌨️
客服效率工具快捷回复语 / 表情 / 正在输入提示
🤖
离线自动回复客服不在线时自动引导留言