微信小程序如何接入客服功能?

来源：微信公众号(程序员老左)

实现客服功能对于其他APP来说是很麻烦的，但是对于微信小程序来说就太简单了，本身就是背靠微信这么个强大的即时通讯工具，只需要一行代码即可。

第一步：添加一个<button>

<button open-type="contact">
      联系客服
 </button>

同时给open-type属性设置为"contact",之后就可以通过这个button唤起客服会话了。

微信小程序给button赋予了很多的功能，比如：

open-type = share 分享

open-type = openSetting 打开设置页

open-type = getPhoneNumber 手机号快速验证

另外，大家不要只是觉得使用button，那么就只能通过一个按钮唤起客服，button本身可以通过css设置成任何样式，而且我们还可以把它当成一个容器使用，比如，里边放一张图片：

<button class="btn" open-type="contact" plain="true">
      <image src="/images/kefu.png"></image>
</button>

css：

.btn{
  width: 80rpx;
  height: 80rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
}
.btn image{
  width: 100%;
  height: 100%;
}

效果：

第二步：设置接待客服微信

即设置某个微信号成为客服人员，负责接待

输入 https://mp.weixin.qq.com 微信扫码进入小程序管理系统，找到"客服"设置：

点击"添加客服"按钮，设置客服微信：

第三步：使用客服工具

微信小程序给客服人员提供了两种方式管理客服：小程序、网页

这里我们演示使用小程序：

鼠标移动到"移动端小程序客服"文字上会弹出一个二维码：

用刚才设置的客服微信扫这个码，进入小程序

把客服设置为在线，否则无法接收消息：

此时，客服就已经接入成功了

下面我们演示一下如何使用

进入我们自己开发的小程序，用另一个微信号(非客服微信)点击第一步的<button>按钮，打开微信会话，发送一个消息：价格能便宜吗？

然后再转到客服微信，此时可以看到微信上有消息，点这个消息，进入刚才扫码那个客服小程序：

会出现"待接入用户"，进入会话：

接入就可以，之后就可以发信息了。

我是程序员老左，更多文章，欢迎关注一下

+友情链接