1、Web集成

• Web集成支持通过简单配置即可完成智能对话窗的生成，无需自己开发，只需将生成的智能对话窗集成到需要提供智能对话服务的Web中即可
• Web集成支持2种集成方式：网页集成和JS集成
• 视频介绍： 客悦智能对话平台讲解视频-集成方式之web集成

1.1 页面设置

• 在页面设置只需简单的配置即可完成一个智能对话服务窗的生成，同时支持添加数字人形象，让服务体验更佳

• 服务窗配置步骤如下：

  1. 登录客悦智能对话平台
  2. 在AI客服管理中选择要配置的AI客服，点击编辑进入
  3. 在AI客服中左侧导航栏找到「集成」-「web」点击进入，再选择页面设置页签进入
  4. 根据需求调整页面设置中相关配置完成智能服务对话窗的配置，页面设置分2部分「客服信息」和「对话窗样式」；配置过程中可实时预览效果
  5. 页面设置配置完成后，点击保存
  6. 如需配置的对话窗正式生效，需要点击「AI客服发布」，发布成功后即刻生效

• 步骤4，「客服信息」，可配置内容如下：

  • 客服名称：必填，配置客服的昵称，按需配置；

• 步骤4，「对话窗样式」，可配置内容如下：

  • 窗口类型：支持标准和数字人2种类型，2者区别为选择数字人类型时可选择数字人形象展示到对话服务窗；

  • 标准类型：支持配置窗口主题色、logo和简介、展示头像；

    • 窗口主题色：选择符合的颜色进行配置；
    • logo和简介：可选择开启和关闭，关闭时不展示logo和简介，开启后需要配置logo图片和填写简介内容；
    • 展示头像：可选择开启和关闭，关闭时对话过程中不展示客服和用户头像，开启后需要配置客服和用户头像；

    

  • 数字人类型：支持配置数字人形象、窗口主题色、logo和简介；

    • 数字人形象：按需选择适合的数字人形象配置到对话服务窗中，可选数字人形象通过「资源中心-数字人形象」中获取可用数字人形象资源；
    • 窗口主题色：选择符合的颜色进行配置；
    • logo和简介：可选择开启和关闭，关闭时不展示logo和简介，开启后需要配置logo图片和填写简介内容；

    

1.2 评价设置

• AI客服为用户提供服务过程中，为了更好的提升服务体验，希望能够接收到用户对回复内容的反馈，来不断提升智能对话机器人的服务效果和体验；通过评价设置可开启智能对话机器人的评价反馈，来收集用户的反馈信息

• 通过以下步骤完成评价反馈的设置：

  1. 登录客悦智能对话平台
  2. 在AI客服管理中选择要配置的AI客服，点击编辑进入
  3. 在AI客服中左侧导航栏找到「集成」-「web」点击进入，再选择评价设置页签进入
  4. 评价设置配置完成后，点击保存
  5. 如需配置的评价设置在对话窗正式生效，需要点击「AI客服发布」，发布成功后即刻生效

• 评价设置：

  • 点赞点踩：开启后在生成的智能对话服务窗中，用户可对AI客服的回复内容进行点踩点赞
  • 点踩时反馈：当点赞点踩开启后可配置用户点踩时可选择的点踩原因，最多支持添加6个，且支持开启用户反馈更详细的原因；设置的反馈在对话窗呈现时按照配置时的顺序展示

1.3 网页集成

• 网页集成即将AI客服生成的对话窗URL引用到需要提供智能对话服务的网页中，点击URL即可打开AI客服对话框，为用户提供智能对话服务；或将AI客服生成的对话窗生成的二维码发布到宣传渠道中，用户扫码即可开始智能咨询，其步骤如下：

  1. 登录客悦智能对话平台
  2. 在AI客服管理中选择要配置的AI客服，点击编辑进入
  3. 在AI客服中左侧导航栏找到「集成」-「web」点击进入，再选择集成页签进入
  4. 网页集成方式，只需将生成的体验链接点击复制或下载二维码图片发送给用户，用户打开链接即可与AI客服进行对话；点击体验链接，即可打开网页预览和体验对话效果

• 通过iframe集成可将智能对话服务窗集成到业务所需的任意位置，集成方式如下：

  1. 登录客悦智能对话平台
  2. 在AI客服管理中选择要配置的AI客服，点击编辑进入
  3. 在AI客服中左侧导航栏找到「集成」-「web」点击进入，再选择集成页签进入
  4. 点击复制链接，完成对话窗链接复制
  5. 将如下iframe代码粘贴到需要集成的html页面中；粘贴前需要替换src内容，将复制链接替换即可；同时可按需调整对话窗width（宽度）和height（高度）

<iframe src = "https://keyue.cloud.baidu.com/unit/experience?token=ba6"
      width = "400px"
	  height ="600px"
      frameborder ="0">
</iframe>

1.4 JS嵌入

• JS嵌入集成即只需简单开发，将配置站点生成的一段代码添加到需要提供智能对话服务网页的html代码中，完成集成当用户访问网页，点击咨询图标即可在弹出的对话框中开始智能咨询

• 搭建JS嵌入站点流程如下：

  1. 登录客悦智能对话平台
  2. 在AI客服管理中选择要配置的AI客服，点击编辑进入
  3. 在AI客服中左侧导航栏找到「集成」-「web」点击进入，再选择集成页签进入
  4. 点击「创建站点」，填写站点中所需信息
  5. 站点配置完成后，点击确定并查看代码，完成站点配置
  6. 如需配置的站点正式生效，需要点击「AI客服发布」，发布成功后即刻生效

• 步骤4中「创建站点」，站点基本信息：

  • 站点名称：必填，用于配置的站点名称，支持输入20个字且站点之间名称不允许重复；
  • 是否启用站点：当站点已通过JS完成集成，站点启用时，用户浏览集成网页可提供智能对话服务窗；如未启用时，将不提供智能对话服务窗；
  • 关联渠道：配置当前站点的渠道，关联渠道后，可根据不同渠道为FAQ添加不同的答案，满足更丰富的业务场景；

  • 按钮图片：即配置智能在线服务触发入口的样式；如页面设置中配置的窗口类型为标准时，可选择平台提供的默认图标或者自定义上传图片更改按钮图片；如页面设置中配置的窗口类型为数字人时，平台提供所配置数字人的图标，可选择数字人形象的图标、平台默认提供的图标或者自定义上传图片进行咨询按钮图片样式的配置；

    • 当选择数字人形象作为咨询入口样式，在页面配置中更换数字人形象，咨询入口的数字人形象同步变更为更换后的数字人形象；
  • 按钮距页面底部边距：用于配置咨询入口按钮距离页面底部的距离，可配置范围80px-560px；

  • 弹出频率：支持配置不主动弹出和主动弹出；

    • 当配置不主动弹出时，用户访问通过JS嵌入智能对话服务窗的网页，在网页中展示咨询入口，需要用户主动点击弹出对话服务窗进行对话；
    • 当配置主动弹出时，用户访问通过JS嵌入智能对话服务窗的网页，在网页中展示咨询入口，可配置方可停留N秒后自动弹出，当用户在此页面首次停留N秒，对话服务窗主动弹出；

• 在JS嵌入卡片中找到需要修改的站点，点击「...」，然后点击修改配置，可对站点信息进行修改

• 当配置完成后，在JS嵌入卡片中找到需要修改的站点，点击「查看代码」，系统将弹出代码，用户可一键复制代码，并将复制的代码段粘贴到希望对话窗出现的所有页面html文件的关闭标记之前即完成集成

  • 系统中可查看详细「帮助文档」；

2、第三方平台

• 客悦智能对话平台支持将AI客服便捷的接入到市场上常用的沟通工具中，当前支持微信公众号的便捷接入，其他平台将会陆续接入

2.1 微信公众号AI客服接入指引

• 只需微信公众号管理员扫码授权，即可为微信公众号增加微信公众号智能对话服务，提升微信公众号的客服能力

• 如何将AI客服集成到微信公众号流程如下：

  1. 在微信公众平台创建公众号（服务号或订阅号），建议按照「认证指引」认证公众号
  2. 创建一个AI客服，并完成配置和发布
  3. 进入AI客服中，在AI客服中左侧导航栏找到「集成」-「第三方平台」菜单点击进入
  4. 选择微信公众号，点击授权，会打开新的页面生成微信公众号托管授权二维码，只需使用要接入AI客服微信公众号的管理员微信扫码授权
  5. 按照「授权指引」完成授权
  6. 授权成功后，微信公众号状态变为「已授权」，即完成AI客服在微信公众号的接入，AI客服即可在公众号中提供智能问答服务

• 「步骤1」中，创建公众号注意事项如下：

  • 建议完成公众号认证，如未认证因微信平台限制，可能造成用户部分提问无法回复；未认证公众号无法使用图片内容回复用户。经过认证的公众号可回复图片消息，图片大小不能超过10M；
  • 因微信公众号平台限制无法使用富文本消息回复用户；
  • 1个AI客服只能授权给一个微信公众号；
  • AI客服授权公众号成功后，微信公众号原先配置的自动回复可能与AI客服消息冲突，需要将自动回复消息功能关闭；

• 「步骤1」中，公众号「认证指引」如下：

  1. 打开微信公众平台
  2. 使用已授权微信公众号管理员微信账号扫码登录
  3. 按以下操作指引完成微信认证

• 「步骤4」，生成二维码示例：

• 步骤5，「授权指引」如下：

  • 第一步：选择要接入AI客服的公众号
  • 第二步：勾选确认条款后，点击确认授权
  • 第三步：查看微信公众号授权结果

2.2 取消授权（百度平台）

• 取消AI客服在微信公众号授权流程如下（百度平台）：

  1. 进入AI客服中，在AI客服中左侧导航栏找到「集成」-「第三方平台」菜单点击进入
  2. 选择微信公众号，点击「去配置」，进入微信公众号授权详情页
  3. 点击「取消授权」，取消授权成功后，将无法在公众号继续提供智能对话服务。点击确认取消即完成AI客服在微信公众号的取消授权

• 注：在平台取消微信公众号授权，无法为您在微信公众平台取消授权，需要您前往微信公众平台操作取消。

2.3 取消授权（微信平台）

• 取消微信公众号授权流程如下（微信平台）：

  1. 打开微信公众平台
  2. 使用已授权微信公众号管理员微信账号扫码登录
  3. 按以下操作指引完成取消授权

2.4 关闭微信公众号自动回复

• 关闭微信公众号自动回复流程如下（微信平台）：

  1. 打开微信公众平台
  2. 使用已授权微信公众号管理员微信账号扫码登录
  3. 按以下操作指引关闭自动回复

2.5 公众号客服管理

客悦智能客服对话平台支持AI客服授权成功的微信公众号进行客服管理，包括客服的添加、绑定对应微信号、编辑以及删除操作。

使用公众号客服管理功能，前置条件：要在微信公众号中开通客服功能，开通客服功能需要完成微信认证，未进行微信认证的公众号，微信不提供客服功能。

1. 如何开通微信客服功能

1. 打开微信公众平台
2. 使用已授权微信公众号管理员微信账号扫码登录
3. 按以下操作指引完成微信客服开通

2. 客服列表

• 展示当前授权成功的微信公众号维护的客服，展示内容包括客服头像、昵称、账号、绑定微信号状态，以及功能操作列（绑定微信号、编辑、删除）。
• 支持输入客服昵称或账号进行指定客服的搜索。
• 点击搜索右侧旁边的刷新按钮，刷新当前页面下添加的所有客服。

3. 添加客服

• 在客服管理列表页面展示客服数据区域左上角点击【添加客服】按钮，进入添加客服弹框页。
• 在弹框页输入客服昵称、客服账号，其中客服昵称支持最大长度16个字符，客服账号支持最大长度10个字符（支持输入字母、数字、下划线、减号）。
• 最多支持添加100个客服成员。

4. 绑定微信号

• 添加客服完成，点击弹框右下角【绑定微信号】按钮进入绑定微信号弹框页，或者在列表页面操作列对应的【绑定微信号】按钮，进行微信号的绑定。
• 绑定的微信号支持输入字母、数字、下划线、减号，最大长度为20个字符。
• 点击【确认添加】按钮，完成客服微信号的绑定。

注意：绑定微信号时，一定要先关注授权的公众号。

输入绑定的微信号，点击【确认添加】按钮，需要在服务通知-公众号管理查看通知，并进行接受确认。

查看添加的客服成功绑定微信号。

5. 客服沟通

绑定后的客服账号，可以前往微信在线客服平台，进行客服沟通。

6. 编辑

在客服管理列表页面右侧的操作列，点击【编辑】按钮，可对选择的当前客服进行再次编辑，编辑内容包括客服昵称、客服头像，其中客服账号不可进行编辑。

7. 删除

• 点击右侧操作列「删除」按钮，即可对选择的客服进行删除；
• 「删除」操作有二次确认，用户点击确定对选择的客服进行删除操作，点击取消不进行删除；

3、API集成

• 客悦智能对话平台支持丰富的API，具有开发能力的使用者，可以通过调用API的方式将AI客服集成到咨询服务中

  • 平台支持查看「API」接口文档

• 生产环境API：当前AI客服已经配置完毕后，则根据文档中的正式环境地址与API Key完成接口的相关调用
• 对话测试API：与对话测试面板结果相同的接口能力，用于调整配置后，未发布前，进行相关的接口效果测试，避免修改后影响线上已发布的接口效果