SoChat 客服 Widget · 在线 Demo

1嵌入到你的网站

在任意页面 </body> 之前插入下面这一段，把 sk_xxxxxxxxxxxxxxxxx 换成 admin 后台拿到的 appKey 即可。

<script async
  src="https://chat.sochatlive.com/cs/widget.js"
  data-app-key="sk_xxxxxxxxxxxxxxxxx"
  data-api-base="https://chat.sochatlive.com"
  data-locale="zh-CN"
  data-theme="auto"
  data-position="br"></script>

下方「试用配置」可以填入你自己的 AppKey，立即把本页 demo 切到真实站点模式。本页域名（）需要在 admin 站点的「域名白名单」里出现，否则会被网关 origin 校验拦截。

3命令式 API

加载中…版本 …语言 zh-CN

所有方法挂在全局 window.SoChatCS。本面板使用 data-mock="true" 启动，发送的消息将在本地模拟回声，无需后端。

4事件日志

等待事件…（点击右下角悬浮按钮或左侧按钮触发）

订阅：ready · open · close · message · error

当前实例信息

SoChatCS.version: —
cfg.appKey: demo_app_key
cfg.mock: true
cfg.apiBase: <widget 默认>
cfg.locale: zh-CN
cfg.theme: auto
cfg.position: br

i18n 优先级（高 → 低）

客户在网页上会按以下顺序解析展示语言：

SoChatCS.init({ locale }) 或 setLocale()
<script data-locale="...">
<script src="...?locale=...">
localStorage['sochat_locale']（与 SoChat App / Admin 共用）
远端站点配置（admin 后台默认值）
navigator.languages：zh-* → 中文，其他 → 英文