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>

👆 看右下角，浮窗已就绪！