💬 OCS 在线客服系统

三端一体在线客服系统 · 任何网站一行代码接入

试试我们的客服

点击下方按钮体验在线客服功能

或直接输入任意问题测试自动回复

系统组成

访客端 - H5页面
客服工作台
管理后台
快捷问答自动回复
一行代码嵌入任意网站
WebSocket 实时通信

嵌入到您的网站

以下是一个链接按钮方式(推荐)和使用嵌入脚本方式的说明:

方式一:链接按钮(最简单)

在您的网站任何位置添加这个链接:

<a href="https://132.232.245.230:3000/visitor/" target="_blank" style="
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 20px;
  background:#ff6d00;
  color:#fff;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
">💬 在线客服</a>

方式二:JavaScript 浮窗按钮(推荐)

在您网站的 </body> 之前添加:

<script src="/embed.js"></script>
浏览器会阻止跨域加载,建议复制 embed.js 到您的服务器或使用相同域名

配置选项

通过 data 属性自定义:

<script src="/embed.js"
  data-server="https://your-server:3000"
  data-position="right"
  data-color="#ff6d00"
  data-title="在线客服"
  data-welcome="您好!需要帮忙吗?"
  data-button-size="60"
  data-offset-bottom="24"
  data-z-index="999999"
></script>

系统入口

管理员: admin / admin123  |  客服: agent1 / agent123