SDK 浮窗演示

网页嵌入式接入

右下角会出现"在线咨询"浮窗按钮
该页面用于验证网页嵌入式接入效果

演示参数
appId  =  "demo_kefu_app"
userId = 可选:接入方自己的业务用户ID
默认   =  不传,SDK 自动生成浏览器唯一访客ID

接入说明

引入 SDK 脚本后,浮窗将自动出现在页面右下角
访客点击浮窗即可发起在线咨询会话
支持文本、图片、语音、文件等多种消息类型
可自定义浮窗样式、位置和欢迎语
默认按浏览器本地生成唯一访客ID;如需绑定业务账号,再传 userId / visitorId
匿名访客接入
<script type="module" src="/sdk/widget.min.js"
  data-kefu-appid="demo_kefu_app"
  data-kefu-api-base-url="http://127.0.0.1:5300"
></script>
动态传入业务用户ID
<script type="module" src="/sdk/widget.min.js" data-kefu-sdk></script>

<script type="module">
  const user = await fetchCurrentUser()
  window.KefuChat.init({
    appId: "demo_kefu_app",
    userId: user.id, // 或 visitorId
    apiBaseUrl: "http://127.0.0.1:5300"
  })
</script>

👆 看右下角,浮窗已就绪!