网站接入

将客源多聊天组件接入企业网站后，访客无需注册、无需跳转其他页面，在网站内即可直接与客服在线咨询，有效提升聊单率；同时支持在聊天插件中添加引流部件，访客点击即可跳转至对应引流渠道展开会话，达到引流营销、分流答疑的增益效果。

一、功能简介

网站接入是在企业网站中添加客源多聊天按钮，访客点击按钮即可发起咨询，客服在客源多工作台统一接待。接入后可获得以下能力：

• 零门槛在线咨询
  访客访问网站无需注册，点击聊天按钮即可咨询客服，快速沟通响应。
• 自动对话邀请
  访客进入网站默认 5 秒后自动弹出聊天窗口，引导访客咨询，自动发起时间支持自定义。
• 实时监控访客
  可查看当前正在访问网站的访客，以及访客在网站内的浏览轨迹。
• 外观自定义
  聊天按钮、聊天窗口支持颜色、位置等样式配置，PC 端与移动端支持分开设置。
• 支持接入多个网站
  每个网站可独立配置，并可设置不同的客服接待（从「设置中心 - 对话 - 对话分配」设置）。
• 支持访问统计
  统计每天网站的访客数、对话数、浏览量、跳出率、对话客户转化率、平均浏览页数，以及访客来源、搜索词、落地页、受访页、对话页等数据（从「报表」模块查看详情）。

由此可见，网站接入可以满足企业在线咨询、主动营销与数据统计等多种场景，本篇文章将讲解网站接入的完整流程。

二、接入流程

电脑端登录客源多客服工作台，进入「接入 - 网站」页面，点击【添加接待组件】按钮，填写组件名称并选择组件类型。

1. 选择组件类型

组件类型分为插件型与链接型两种，可按实际情况任意选择，两种类型的差异如下：

以下以插件型为例讲解接入步骤，链接型的操作见第 3 步。

2. 插件型：获取代码并嵌入网站

1. 在组件列表中找到创建好的组件，点击该行操作列的【查看代码】按钮；
2. 在弹出层中选择插件语言：默认为「自动识别」（跟随访客浏览器语言），也可固定为简体中文、繁体中文、英语等；确认后点击【复制】按钮，复制生成的 JS 代码；
3. 将代码粘贴到网站页面的 </body> 标签之前，保存并发布。设置完成后，对话按钮将展示在网页右下角。

完成嵌入后，访客打开网站点击对话按钮，即可与客服进行对话。也可点击操作列的【预览】按钮，无需嵌入代码即可预览对话窗口的实际效果。

3. 链接型：获取链接并投放

在「接入 - 网站」页面点击【添加接待组件】按钮，组件类型选择链接型。创建成功后点击该组件操作列的【查看代码】按钮，弹出层提供「默认链接」与「自定义域名」两种方式：

• 默认链接：选择语言与接待客服（可按客服组、客服筛选）；点击【更多设置】还可补充当前页网址、来源页网址与对话说明，便于统计访客来源、识别对话场景。点击【复制】获取链接，或点击【生成二维码并下载】获取二维码；
• 自定义域名：如果企业拥有自己的域名，可将聊天链接更换成私有域名。按页面提示完成三步操作：点击「生成对话窗口页面」；将生成的文件上传到自己的网站空间（服务器），放置位置没有要求，能通过 URL 访问即可；上传完毕后在浏览器中输入该网址，测试对话窗口能否正常打开与对话（此操作需要服务器操作权限，建议由研发、运维同事协助）。

配置成功后，访客打开链接或扫描二维码，即可直接与企业客服聊天。

三、组件配置

在「接入 - 网站」组件列表中点击对应组件操作列的【配置】按钮，进入组件配置页面。页面顶部可通过下拉框快速切换当前配置的组件；左侧提供四个配置标签：外观设置、欢迎页、公告栏、入口集成（欢迎页仅插件型组件提供），右侧实时预览配置效果，每个标签底部点击【保存】后生效。

1. 外观设置

1.1 对话按钮

用于设置访客在网页中看到的对话按钮，包含以下设置：

• 按钮样式：提供「圆形按钮」与「底边按钮」两种样式，并可在调色板中选择对话按钮的主题色；
• 窗口标题：对话窗口顶部展示的标题文字，默认文案可直接修改，支持添加语言版本（中文简体、中文繁体、英语）；
• 插件位置：对齐到页面右侧或页面左侧，并通过「侧面间距」「底部间距」按像素微调；
• 显示设置：始终显示——在网站上显示对话按钮，方便客人主动发起对话；对话开始前保持隐藏——只有当客人进入对话时，对话按钮才会出现并保持可见状态；始终隐藏——除非在网站上添加其他对话入口，否则客人将无法主动发起对话。

1.2 移动端

可选择「与桌面网站相同」，或选择「针对移动端定制」，为移动端单独配置一套对话按钮样式，配置项与桌面端一致。

1.3 其他设置

• 提示音：开启后，客人在收到消息时会播放提示音提醒；
• 消息预览：开启后，对话窗口最小化时，客人收到消息会显示预览消息；
• 保持组件状态：开启后，客人刷新网页，聊天窗口保持最后状态；
• 自动发起对话：开启后，访客进入网站设定秒数即自动发起对话，可勾选「仅当客服人员在线时自动发起对话邀请」。

2. 欢迎页（仅插件型）

欢迎页是访客打开对话窗口后首先看到的页面，可配置以下内容：

• 欢迎信息：上传品牌 Logo（支持 .jpg、.gif、.png 格式，大小不超过 500KB），并设置问候语，默认文案为「欢迎访问。有什么能帮您的？」，支持添加语言版本；
• 应用管理：欢迎页展示的应用入口。「对话」应用用于引导客人发起对话，点击即可进入对话；「外部链接」应用用于提升客户服务，引导客户前往指定链接，最多可添加 10 个；
• 对话引导语：进入对话后展示的引导文案，支持添加语言版本。

3. 公告栏

在聊天窗口中向访客展示公告，可设置公告内容（默认文案，支持添加语言版本），以及点击公告后跳转的链接。

4. 入口集成

在对话窗口中集成其他渠道入口，访客点击即可跳转至对应渠道展开会话，达到引流营销、分流客服的效果。支持集成以下入口：

• 联系电话：显示联系电话入口，支持设置优先级——「企业优先」（需先设置企业电话，否则显示空白）、「客服优先」（默认显示企业电话，当有客服接待时优先展示接待客服的电话）或「自定义电话」（客户点击按钮始终展示设置的号码）；
• Messenger：显示 Messenger 入口，选择已授权的 Facebook 主页，或直接输入主页 ID；
• LINE：显示 LINE 入口，选择已授权的 LINE 账号或输入官方号 ID；支持关联 Messaging API Channel（填写 Channel Id、Channel Secret、Liff Id，并按页面提示将回调 URL 配置到 LINE 后台）；
• WhatsApp：显示 WhatsApp 入口，选择已授权账号，或输入号码（支持选择国际区号）；
• 邮箱：显示邮箱入口，选择已授权的邮箱，或直接输入邮箱；
• Telegram：显示 Telegram 入口，选择已授权账号，或输入 Telegram 用户名 / 机器人 ID。