1.JS嵌入

点击新建渠道，设置新的渠道名称并选择接入的机器人即可进入渠道的配置，

1.1.配置页面

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

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

  1.登录客悦智能客服平台

  2.在机器人中左侧导航栏找到「渠道部署」点击进入，再选择「JS嵌入」进入

  3.根据用户的需求，选择目标渠道所在行的「渠道配置」或新建渠道进入配置页

1.1.1.页面样式

页面样式的配置与Web页面的配置一致，详情见5.1.1.1.1～5.1.1.1.3

1.1.2.挂件样式

• 咨询入口配置：

  • 按钮图片：即配置智能在线服务触发入口的样式；平台默认提供的图标或者自定义上传图片进行咨询按钮图片样式的配置；
  • 按钮位置：配置咨询入口按钮位于页面左侧或右侧；设置在页面右侧的时候，窗口向左弹出；设置在页面左侧的时候，窗口向右弹出；
  • 按钮距页面侧边边距：用于配置咨询入口按钮距离页面侧边的距离，支持输入范围为20px-320px；边距的设置支持输入和计步器调整；
  • 按钮距页面底部边距：用于配置咨询入口按钮距离页面底部的距离，可配置范围80px-560px；边距的设置支持输入和计步器调整；
  • 按钮可隐藏：默认为关闭状态；开启后，当用户将鼠标指针悬停于按钮上时，用户可以选择是否隐藏按钮；
  • 按钮闪烁：默认为关闭状态；开启后按钮展示闪烁的引导动效；
  • 打招呼文案：默认关闭；开启后当用户首次进入页面时，显示指定的文案内容5秒；文案输入文本框为纯文本文本，支持文字+emoji表情（通过输入法输入）；默认文案为：“,您的机器人上线啦～！”

• 咨询窗口配置：

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

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

1.1.3.集成方式

提供JS代码供开发者直接集成。JS嵌入集成方案只需简单开发即可完成：将配置生成的代码片段嵌入目标网页的HTML中，即可为网页添加智能对话服务。当用户访问页面时，点击悬浮咨询图标即可唤起智能对话窗口。该方案采用悬浮挂件形式呈现，支持多渠道灵活配置，实现快速部署。