微信小程序内置在线客服

在小程序中加入客服消息按钮有两种方法：
方法一、插入固定样式的客服消息按钮：
只需要在 WXML 代码中插入以下标签：

 <contact-button></contact-button>

效果如下图：

这种方法生成的客服消息按钮样式已经被固定，且颜色只能选择黑白两色，只能自定义按钮的尺寸大小。

方法二、插入自定义样式的客服消息按钮：
使用 button 组件的 open-type 属性，可以在小程序界面中插入自定义样式的客服消息按钮。

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

效果如下图：

使用这种方法，可以在 WXSS 中为按钮添加自定义样式。

收发客服消息：
微信为小程序提供了「微信公众平台客服功能」，已经绑定为客服的人员，可以直接打开客服功能页面（mpkf.weixin.qq.com）扫码登录，就能与小程序用户进行沟通。
1、绑定客服人员
首先，小程序管理员需要为小程序绑定客服人员，客服人员才能进入客服功能，与小程序用户进行沟通。
具体绑定方法是：
a、使用小程序帐户，登录至微信公众平台（mp.weixin.qq.com）。
b、点击左侧边栏的「客服消息」链接，进入「客服消息」功能模块。
c、点击右侧的「添加」按钮，并在弹出框中，输入客服人员个人微信号。可以添加多个客服人员的微信号。
d、确认添加，点击「确定」即可。
2、进入客服
添加完成后，小程序的客服人员可以使用自己的个人微信，扫码登录进入「微信公众平台客服功能」。
客服功能使用起来非常简单，就像是在用微信网页版一样。只要小程序的用户发起会话，客服人员就可以在客服功能中与用户进行沟通。

客服消息限制：
1、客服人员必须在用户发送消息后的48小时内回复用户，否则将无法回复该用户。
2、用户通过客服消息按钮进入会话并向小程序客服发送一条消息后，只允许客服回复5条消息，即用户发一条消息，客服针对此条消息只能回复5条信息，除非用户再次回复，则可再回复5条信息。