如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

首先在官方网站注册一个帐号
网易七鱼点击注册个帐号

微信小程序端

1、填写小程序信息
1.1获取小程序AppID(小程序ID),AppSecret(小程序**)

①小程序管理员登录微信小程序后台,在【设置-开发设置-开发者ID】中,可以获取AppID。

②请找到你之前记录的AppSecret。若你忘记之前记录的AppSecret,请点击【重置】。

注:重置前请确认之前使用AppSecret相关的接口调用会受到影响,记得替换成新的AppSecret!
如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

对接小程序

2、点击【绑定微信小程序】按钮

如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

3、输入小程序名称,APPID,APPSecret,点击【下一步】

如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

4、完成消息推送配置,复制消息推送URL(服务器地址)

如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

5、小程序消息推送配置

在小程序后台【设置-开发设置-消息推送】中,点击【启用】按钮。

管理员扫描二维码确认身份后,进入消息推送配置页面。将上一步生成的URL复制到输入框,自己设置一个Token,点击“随机生成”生成一段EncodingAESKey,如下图:

注意:消息加密方式和对接格式一定要选择“安全模式”和“XML”。

如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

6、信息填写完成后,在七鱼后台填写上一步的Token和EncodingASEKey,点击【提交】

如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

7、回到微信小程序消息推送配置页,点击【提交】,即可完成消息推送配置

如何让你微信小程序,网页,app共用一个客服,统一处理客服信息

通过以上几个步骤就对接好了,可以进入测试,个人微信进入小程序,给客服发消息,看看七鱼客服上能否收到消息并回复。

建议:

为正常获取到访客的头像和昵称,推荐在小程序中使用以下代码添加入口,入口样式可以根据微信官方规则进行调整。

<button
type=“primary”
size=“40”
session-from=“nickName={{userInfo.nickName}}|avatarUrl={{userInfo.avatarUrl}}”
open-type=“contact”

联系客服