千悦客服怎么接入网站，网页客服代码安装教程

网页接入可以直接从千悦管理后台复制当前风格的正式代码，再放进网站公共模板。下面按实际“安装代码”页面操作，完成后用客户发起咨询、客服收到并回复这一条链路检查结果。

在当前后台完成操作

登录有接入权限的管理后台，进入“接入配置—安装代码”，先在左侧确认要使用的风格。安装代码与当前风格对应；不同网站需要分开管理时，不要复制另一站点的代码后只改一个名称。

页面上方按渠道展示接入卡片。需要区分投放来源时，复制对应卡片的挂码；先做普通网站接入，可使用“通用挂码代码”区域的“复制挂码”。复制完整内容，不手动删除配置字段或替换成聊天中流传的旧代码。

将代码粘贴到目标页面的 body 结束标签前，保存并发布网站。需要全站出现时，放入实际生成各页面的公共模板；不要只粘在某篇文章的正文里，也不要在同一模板重复插入两份。

保存后这样确认结果

重新打开已经发布的页面，点击咨询入口发送一条可识别的测试消息，再到客服工作台确认收到并回复。分别在桌面与手机完成一次；能看到图标只证明界面出现，不能代替收发验证。

如果页面没有出现入口，先核对是否发布了正确模板，再核对所选风格、代码是否完整和页面加载情况。排查时保留正式配置，避免连续创建多个风格或用重复代码掩盖问题。

第一步：确认谁能发布、准备在哪里接入

记录网站域名、建站方式、主要页面和发布负责人。确认是需要全站入口，还是只在指定页面提供咨询，并检查现有模板或插件中是否已经包含其他客服代码。能够编辑文章内容，不一定具有修改公共页面或发布脚本的权限，应先找到实际负责人员。

同时确认接待团队、服务时段和用于试验的账号。安装代码应来自当前正式提供的接入资料，保留对应配置与版本说明，不从无关网页复制一段看起来相似的代码。若网站有安全策略、缓存或脚本管理工具，也应提前说明。

第二步：选择一个可回退的试点页面

先保存当前页面或公共模板的状态，再按建站环境允许的方式放入正式接入内容。不要同时在模板、页面编辑器和插件中重复添加，以免出现多个入口或重复初始化。涉及已登录用户信息时，也要确认传入内容与当前账号对应，避免不同用户之间沿用旧状态。

试点页面应接近真实使用环境，包含主要布局和移动端表现。仅在一个空白演示页里成功，不能证明与正式网站的样式、导航和加载顺序兼容。

处理场景：官网先接入产品页

例如，企业准备全站使用客服入口，可以先在一类产品页面试点。测试人员打开页面，确认入口位置不遮挡关键按钮，发送一条关于当前产品的咨询；接待人员核对来源与内容后回复，再由测试人员确认实际收到。

随后从该页面进入另一页，再返回，观察是否产生重复窗口或异常状态。这个处理场景验证的是完整访问路径，而不是只在页面刷新后看见一次图标。

第三步：桌面与手机分别走完收发

• 入口：能否打开、关闭，位置是否影响网站原有操作。
• 消息：客户发送后，接待端是否进入正确会话并显示完整内容。
• 回复：接待员发送后，客户侧是否真实收到，而不只是后台显示提交成功。
• 状态：切换页面、短暂断网和重新打开后，是否仍能理解当前接待情况。

需要附件时，再单独测试实际使用的格式。截图或录像应使用脱敏测试内容，记录页面、设备和时间，方便出现问题时定位。

第四步：失败时按链路排查，并保留回退

回退应明确撤除或恢复哪一处配置，并确认网站原有页面仍正常。扩大到其他页面前，把试点结果和人工承接安排交给接待团队。完成接入的依据应是一轮可重复的客户侧与客服侧验证，而不是一张安装成功截图。