微信 H5 中实现客服功能的几种方式

微信 H5 中实现客服功能的几种方式

本文主要针对微信网页 H5 中的客服功能

一、使用微信客服接口及对话界面

服务号消息客服，当用户和公众号产生特定动作的交互时（用户发送信息/点击自定义菜单/关注公众号/扫描二维码），微信将会把消息数据推送给开发者，开发者可以在一段时间内调用客服接口，通过POST一个JSON数据包来发送消息给普通用户。

对接流程

微信服务器会先将消息POST到开发者填写的url上，如果希望将消息转发到客服系统，则需要开发者在响应包中返回MsgType为transfer_customer_service的消息，微信服务器收到响应后会把当次发送的消息转发至客服系统。

https://developers.weixin.qq.com/doc/offiaccount/Customer_Service/Forwarding_of_messages_to_service_center.html

优势

• 简单

劣势

• 体验不好：不能在网页中直接打开对话界面，方案：通过页面链接跳转公众号页面。
• 需微信认证，客服接口权限

二、使用微信智能对话接口

对接流程

https://developers.weixin.qq.com/doc/aispeech/confapi/INTERFACEDOCUMENT.html

优势

• 微信官方授权：唯一由微信官方授权，可接入企业微信，公众号，小程序进行用户服务的智能机器人平台。
• 提高客户体验：通过智能对话接口，可以实现更加智能化、个性化的客服服务，提高客户体验。
• 开发者可以通过配置高级技能，来实现多轮对话、信息查询甚至简单的游戏等较为复杂的对话功能，当配置回复无法满足用户的提问需求时，用户可以通过转人工实现对接客服一对一解答。

三、企业微信的客服应用

对接流程

https://work.weixin.qq.com/nl/act/p/3f8820e724cb44c5

优势

• 多种对接方式：企业微信的客服应用支持多种对接方式，如网页、公众号、小程序
• 直接拉起：通过 H5 页面链接或按钮，直接打开对话界面
• 更多功能：支持更多企业高级功能

劣势

• 使用企业微信回复消息

四、对接第三方客服系统

实现方式：在微信公众号的自定义菜单或图文消息中，添加链接或按钮，链接到在线客服系统的H5页面。用户点击链接或按钮后，会跳转到在线客服系统，进行在线咨询或交流。

优势：

• 灵活性高：可以自由定制在线客服系统的外观和功能，与企业的个性化UI界面风格保持一致。
• 接入简单：无需接口的开发，一般在线客服系统都可以提供标准的对话URL进行嵌入，通过微信公众号的菜单编辑进行绑定即可。

劣势：

用户体验：不能直接在微信公众号的原生聊天框里面收发消息。
收费

可根据具体需要选择开发或采购