把在线客服装进网站,常被想象成一件要排期的事:提需求、等开发、改模板、上线验证。实际上它只需要一段 JavaScript。
第一步:拿到你的代码片段
注册后进入后台,系统会给出一段嵌入代码。它做三件事:加载聊天窗口、建立与服务端的连接、把访客正在浏览的页面信息带过去。
这段代码按属性(property)区分,一个站点一个属性;如果你有多个站点,记得分别取用。
第二步:粘贴到 </body> 之前
位置很关键。放在 </body> 之前,页面主要内容会先渲染,聊天窗口最后加载,不会拖慢首屏。
不同建站方式的位置:
- WordPress:主题的 footer 模板、或「插入页眉和页脚」类插件、或站点编辑器里的页脚模板部件;
- Shopify:
theme.liquid的结尾; - Webflow / 自建站:页面设置里的自定义代码区,或模板的 body 结束标签前。
第三步:在后台完成剩下的配置
- 外观:颜色、位置、语言、欢迎语、离线时段的提示;
- 渠道:WhatsApp、电子邮件、短信、社媒消息,统一收进一个收件箱;
- 成员:邀请同事、分配会话、设置工作时间与转接规则;
- 知识库:先把最常见的十个问题写进去,AI 与人工都用得上。
这三步加起来通常两分钟。真正的差别不在上线速度,而在上线之后你怎么用它。
上线后第一周该看什么
- 首次响应时间:决定客户是否愿意继续等;
- 未接会话数与时段:直接暴露排班缺口;
- 访客从哪个页面发起对话:往往就是转化路径上的堵点;
- 重复问题 Top 10:这是知识库的第一批素材。
三个常见卡点
- 缓存:CDN 或缓存插件没刷新,代码其实没生效;
- CSP:内容安全策略拦截了外部脚本;
- 重复嵌入:多个插件各插一次,页面上出现两个窗口。
遇到问题先看浏览器控制台的脚本报错,再核对嵌入代码是否只出现一次。
手机上也能接
装好之后不必守在电脑前:iOS 与 Android 有原生应用,超时未接的会话会推送到手机。相关说明见产品下载。

