微信小程序接入客服有两种方式:

  • 小程序客服(个人微信扫码登陆客服系统后使用)
  • 微信客服(接入企业微信,有消息直接发送到企业微信)

小程序客服

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html

详将上面的官方链

页面上放置客服按钮

  1. <button open-type="contact" bindcontact="handleContact"></button>
  2. Page({
  3. handleContact (e) {
  4. console.log(e.detail.path)
  5. console.log(e.detail.query)
  6. }
  7. })

需要将 button 组件 open-type 的值设置为 contact,当用户点击后就会进入客服会话,如果用户在会话中点击了小程序消息,则会返回到小程序,开发者可以通过 bindcontact 事件回调获取到用户所点消息的页面路径 path 和对应的参数 query

后台接入客服

登录你的小程序商户后台:
https://mp.weixin.qq.com/

image.png

通过左侧菜单的 “客服” 菜单进入,添加你的客服人员(最多可添加 100 个客服)

然后让客服登录网页 或者是 移动端客服小程序 ,即可随时随地当客服了。

微信客服(接入企业微信,有消息直接发送到企业微信)

查看企业ID

https://kf.weixin.qq.com/

使用企业微信扫码登陆:

image.png

查看客服链接

image.png

image.png

登陆小程序后台,绑定企业微信客服

https://mp.weixin.qq.com/

image.png

小程序中跳转到客服对话框

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/service-chat/wx.openCustomerServiceChat.html

  1. wx.openCustomerServiceChat({
  2. extInfo: {url: ''},
  3. corpId: '',
  4. success(res) {}
  5. })