差别
这里会显示出您选择的修订版和当前版本之间的差别。
两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 后一修订版 两侧同时换到之后的修订记录 | ||
cs:300visitoraccess:30wechat [2019/02/25 10:09] liulj |
cs:300visitoraccess:30wechat [2020/02/06 02:29] candywang [H5网页集成] |
||
---|---|---|---|
行 2: | 行 2: | ||
微信渠道包含微信公众号和微信小程序,环信客服云支持与二者进行绑定,提供咨询服务。 | 微信渠道包含微信公众号和微信小程序,环信客服云支持与二者进行绑定,提供咨询服务。 | ||
+ | |||
+ | 关于如何集成微信小程序,请查看[[cs:300visitoraccess:mini-program|微信小程序集成]]。 | ||
===== 微信公众号集成 ===== | ===== 微信公众号集成 ===== | ||
行 81: | 行 83: | ||
注意:当您配置wechatAuth和appid这两个参数时,还需要在客服云的“管理员模式 > 渠道管理 > 微信”页面通过授权的方式绑定您的微信公众号。建议授权后,直接在环信客服云的“渠道管理 > 微信”页面,将上述H5地址添加至自定义菜单。 | 注意:当您配置wechatAuth和appid这两个参数时,还需要在客服云的“管理员模式 > 渠道管理 > 微信”页面通过授权的方式绑定您的微信公众号。建议授权后,直接在环信客服云的“渠道管理 > 微信”页面,将上述H5地址添加至自定义菜单。 | ||
- | ===== 微信小程序集成 ===== | + | ==== H5网页集成 ==== |
- | + | ||
- | 环信客服云支持微信小程序接入,绑定后您可以使用环信客服云统一接收与回复通过小程序咨询的消息。小程序属于微信渠道,小程序用户产生的会话消息将以微信渠道的形式在客服工作台进行展示和统计。 | + | |
- | + | ||
- | 集成步骤如下: | + | |
- | + | ||
- | **第1步:获取微信小程序的基本信息。** | + | |
- | + | ||
- | 进入微信公众平台获取“小程序名称”、“原始ID”、“AppID”和“AppSecret”。 | + | |
- | + | ||
- | 1. 进入“设置 > 基本设置”页面获取“小程序名称”和“原始ID”。 | + | |
- | + | ||
- | {{:cs:300visitoraccess:30wechat:wechat-miniprogram4.png?nolink|小程序基本设置页面}} | + | |
- | + | ||
- | 2. 进入“设置 > 开发设置”页面获取“AppID”和“AppSecret”。 | + | |
- | + | ||
- | {{:cs:300visitoraccess:30wechat:wechat-miniprogram3.png?nolink|小程序开发设置页面}} | + | |
- | + | ||
- | **第2步:在环信客服云添加微信小程序。** | + | |
- | + | ||
- | 在环信客服云添加微信小程序,填写小程序的基本信息,生成服务器URL。 | + | |
- | + | ||
- | 1. 进入“管理员模式 > 渠道管理 > 微信”页面,点击“添加微信关联”,并点击“添加微信小程序”。 | + | |
- | + | ||
- | {{:cs:300visitoraccess:30wechat:wechat-miniprogram.png?nolink|添加微信小程序}} | + | |
- | + | ||
- | 2. 在“添加微信小程序”页面,填写小程序名称、原始ID、AppID、AppSecret,并点击下一步。 | + | |
- | + | ||
- | {{:cs:300visitoraccess:30wechat:wechat-miniprogram1.png?nolink|填写小程序的基本信息}} | + | |
- | + | ||
- | 3. 获取环信生成的服务器URL。 | + | |
- | + | ||
- | {{:cs:300visitoraccess:30wechat:wechat-miniprogram7.png?nolink|生成服务器URL}} | + | |
- | + | ||
- | **第3步:配置微信小程序的消息推送。** | + | |
- | + | ||
- | 进入微信公众平台,配置微信小程序的消息推送。然后,将小程序的Token(令牌)和EncodingAESkey填入环信客服云,完成微信小程序的配置。 | + | |
- | + | ||
- | 1. 进入微信公众平台的“设置 > 开发设置”页面,在“消息推送”区域,填入上一步生成的服务器URL,设置Token(令牌),并生成EncodingAESkey。 | + | |
- | + | ||
- | <WRAP round tip> | + | |
- | 注意:选择消息加密方式为“安全模式”,数据格式为“XML”。 | + | |
- | </WRAP> | + | |
- | + | ||
- | + | ||
- | {{:cs:300visitoraccess:30wechat:wechat-miniprogram5.png?nolink|配置微信小程序的消息推送}} | + | |
- | + | ||
- | 2. 进入环信客服云,填写微信小程序的Token(令牌)和EncodingAESkey,并点击下一步,完成绑定微信小程序。 | + | |
- | + | ||
- | {{:cs:300visitoraccess:30wechat:wechat-miniprogram6.png?nolink|绑定微信小程序}} | + | |
- | + | ||
- | **第4步:在微信小程序上配置客服按钮。** | + | |
- | + | ||
- | 在微信小程序的源码中添加如下代码,配置客服按钮。完成后,微信用户即可点击该按钮发起咨询。 | + | |
- | + | ||
- | <code> | + | |
- | <button open-type="contact" bindcontact="handleContact">客服</button> | + | |
- | </code> | + | |
+ | 如果您在微信渠道的h5网页(不是公众号菜单)需要集成在线客服,可选择如下2种方式集成: | ||
+ | * 联系客服入口h5页面通过iframe方式集成h5网页链接,不需微信授权,集成简单方便,一次集成同时在多种渠道使用(网站、APP、微信公众号、企业微信等)。 | ||
+ | * js方式集成网页插件,支持快速定制更多个性化功能,比如指定技能组、指定客服、同步微信用户信息、同步业务信息、网络音视频通话(https方式)、自助服务、常见问题等。详细集成说明请参考[[cs:300visitoraccess:web-widget|网页渠道集成]]。 |