如何使用小程序客服系统

3,304 阅读1分钟

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

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

小程序客服

developers.weixin.qq.com/miniprogram…

详将上面的官方链

页面上放置客服按钮

<button open-type="contact" bindcontact="handleContact"></button>

Page({
    handleContact (e) {
        console.log(e.detail.path)
        console.log(e.detail.query)
    }
})

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

后台接入客服

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

image.png

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

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

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

查看企业ID

kf.weixin.qq.com/

使用企业微信扫码登陆:

image.png

查看客服链接

image.png

image.png

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

mp.weixin.qq.com/

image.png

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

developers.weixin.qq.com/miniprogram…

wx.openCustomerServiceChat({
  extInfo: {url: ''},
  corpId: '',
  success(res) {}
})