一洽客服系统深度应用-网页接入

1.配置准备

step1:设置不同的业务分组（更多设置-组织架构-部门管理）
如：API咨询组、问题反馈组,并添加不同或者相同的客服到相应的分组

step2:设置不同分组的样式（更多设置-个性化-样式中心）
复制默认样式-重命名为：API咨询样式
复制默认样式-重命名为：问题反馈样式
进入API咨询样式选择对话窗口设置（同理可设置样式独特的图标、杨庆窗口、留言窗口、提示语、入口、满意度调查样式等
注：WEB样式配置中PC、手机需单独配置

进入提示语设置不同分组的提示语：

2.使用入口参数

使用位置：echat.js设置参数、chat.html追加参数，参数名：echatTag
使用方法：入口参数配合路由可设置对话任意转到不同的组接待，并且使用不同的窗口样式。
注：在使用咨询入口参数时此参数失效
step1：
进入更多设置-智能配置-智能路由
setp2：
新建web规则（API咨询路由）
设置此路由使用API咨询样式
设置接待分组为API咨询分组，如果需要使用溢出分组可设置对应的溢出分组，在API咨询分组接待满了或者不在线的时候由溢出分组作为替补来接待。
设置自定义路由条件，入口参数为：API咨询

step3:
新建web规则（问题反馈路由）
设置此路由使用问题反馈样式
设置接待分组为问题反馈分组，如果需要使用溢出分组可设置对应的溢出分组，在API咨询分组接待满了或者不在线的时候由溢出分组作为替补来接待。
设置自定义路由条件，入口参数为：问题反馈

echat.js设置参数方法:


 _echat('initParam', { echatTag:"myEchatTag"});

体验链接(注：一洽如果已有对话的话再次打开多个对话窗口会使用正在对话的样式，在体验链接时，请确保只打开了一个链接）微信扫一扫对话窗口右上角的二维码可查看手机对话效果：

API咨询组：https://chat.rainbowred.com/visitor/pc/chat.html?companyId=72&echatTag=API%E5%92%A8%E8%AF%A2

问题反馈组: https://chat.rainbowred.com/visitor/pc/chat.html?companyId=72&echatTag=%E9%97%AE%E9%A2%98%E5%8F%8D%E9%A6%88

API咨询效果：

问题反馈效果：

3.使用咨询入口

使用位置：echat.js设置参数、chat.html追加参数，参数名：routeEntranceId
step1：
进入更多设置-个性化-咨询入口

step2:
添加一个新的咨询入口：体验咨询入口
设置标题提示文字：为更好的为您提供服务，请选择您咨询的业务
设置对话窗口标题：选择业务
新建入口：API咨询配置图标、入口内容、入口参数、关联路由
选择API咨询进入对话时会使用API咨询路由配置的样式显示，接待分组使用设置路由的分组进行分配

新建入口：问题反馈

step3:
按照step2的步骤配置手机的入口信息