Skip to content

对接到网站 ​

在工作台建一个渠道、复制一段代码贴进网站,页面上就会出现咨询入口。

开始之前 ​

  • 你需要管理员权限,普通客服账号看不到渠道管理入口
  • 能修改网站页面,或者能联系到帮你维护网站的人
  • 客服工作台和手机上的合从 APP 版本太低会收不到这个渠道的消息。团队第一次建渠道时,创建页会弹窗写明版本要求,选择 我知道了 继续

建渠道,拿代码 ​

  1. 登录客服工作台,在左侧导航栏底部选择 设置。

    工作台界面,左侧导航栏底部的设置入口

  2. 在设置页左侧菜单的 客户 区域下,选择 渠道管理。

    设置页面,左侧菜单客户区域下的渠道管理

  3. 选择 接入新渠道。

    渠道管理页面中的接入新渠道按钮

  4. 渠道类型保持 网页接入,填写 渠道名称(例如「官网在线客服」),选择 创建渠道。名称只在工作台里给你自己看,随时能改。

    接入新渠道页,渠道类型选中网页接入并填好渠道名称

  5. 创建完成后页面直接停在 安装代码,代码里已经带好这个渠道的标识,不用改任何内容。选择 复制代码。

    安装代码页面,代码块右上角是复制代码按钮

站点语言

代码上方的 站点语言 决定聊天窗用哪种语言呈现。保持 自动识别访客语言 会跟随访客的浏览器设置;网站是固定单语言的,在这里选定语言,复制出来的代码会带上对应的 data-language。

贴到网站上 ​

代码要放在网站每个页面都会加载的位置,放一次就对所有页面生效:

  • 建站后台有自定义代码的位置(常见叫法有「自定义代码」「统计代码」「页脚代码」),优先贴在那里,不用动模板文件
  • 后台没有这类位置,在全站公共模板的 </body> 之前加上这段代码,模板里其他内容不用改

WordPress、Shopify 等建站平台,以及 Vue、React 等前端项目各自加在哪里,见按网站类型安装。

网站由别人维护 ​

安装代码页下方的「发给维护网站的人」里选择 复制说明,复制出来的是一段完整的说明:接入代码、贴在哪里、教程链接。直接转发给负责网站的人,他照着就能装。

确认装上了 ​

重新发布网站后打开它,页面右下角会出现聊天按钮:

网站页面右下角出现的聊天按钮

点开就是聊天窗口,外观和欢迎语来自渠道配置:

网站页面上的咨询入口与聊天窗口

在里面发一条消息,回到工作台,这条对话会出现在对话列表里。

工作台这边也能直接看:安装代码页面下方有一张 安装状态 卡片,装好后几秒内自动亮起,不用手动刷新。

  • 等待你的网站发来第一次访问 —— 还没收到,代码没生效
  • 已安装 —— 收到了,显示最近一次访问时间,展开还能看到访问过的域名清单

装不上的时候 ​

确认代码确实贴上去了,且网站已重新发布。只在部分页面出现的,说明代码没放进全站公共模板。

其他接入报错见接入问题排查。

自己装不上、也找不到能改网站的人,可以在安装代码页的 由我们代为接入 里选择 付费代为对接,由合从代为接入,服务内容、价格与验收方式以入口处的说明为准。

下一步 ​