客户客服演示系统

选择客户后创建专属客服聊天窗口，聊天记录将关联到对应客户。

客户选择

选择客户

接入方式

任何网站只需在 HTML 的 <body> 标签底部添加以下代码：

<!-- 配置客服系统 -->
<script>
  window.CustomerServiceConfig = {
    primaryColor: '#3B82F6',
    welcomeMessage: '您好！有什么可以帮您？',
    customerId: '客户ID', // 关联到具体客户
    chatId: '唯一聊天ID' // 可选，自动生成
  };
</script>

<!-- 加载客服 widget -->
<script src="http://localhost:3008/widget.js"></script>

提示：

适用于任何网站：WordPress、Vue、React、纯 HTML 等
无需修改现有代码结构
复制粘贴即可使用
通过 customerId 参数关联到具体客户

配置选项

参数	说明	默认值
`primaryColor`	主题颜色	#3B82F6
`welcomeMessage`	欢迎语	您好！欢迎使用客服系统...
`position`	位置（bottom-right/bottom-left）	bottom-right
`defaultOpen`	默认是否打开	false
`customerId`	客户ID	无
`chatId`	聊天ID	自动生成