# 无需后端开发，教你轻松实现小程序「客服功能」\| 小程序问答 \#40 - 作者：Astrian - 发布时间：2017-09-20 20:00 - 原文：https://www.ifanr.com/minapp/911873 ![](https://s3.ifanr.com/wp-content/uploads/2017/09/minapp-qna-40-feature.png) 在此之前，我们已经了解[如何发布小程序](http://www.ifanr.com/minapp/903526)，以及小程序发布后的一些维护操作（例如[版本更新](http://www.ifanr.com/minapp/904643)、[更换小程序管理员](http://www.ifanr.com/minapp/910348)等等）。 今天我们要了解的，是许多电商小程序都需要的客服会话功能。利用微信提供的「客服消息」组件，小程序可以轻松做出客服会话模块。 下面，知晓程序（微信号 zxcx0101）就来教大家，客服消息的正确使用方式。 ### 在小程序中加入客服消息按钮 小程序接入微信「客服消息」功能模块，开发者只需要调用按钮，触发微信的客服消息功能即可，不需要自行在小程序中实现。 加入客服消息按钮有两个方法，大家可以根据自己的实际需求，任选一种方法。 #### 1. 插入固定样式的客服消息按钮 微信为客服消息按钮，设计了一个初始样式。 想要调用它也很简单，**只需要在 WXML 代码中，插入 ``，固定样式的客服按钮就会出现在界面中**。 ![](https://s3.ifanr.com/wp-content/uploads/2017/09/minapp-qna-40-3.jpg) **利用这种方法做出的客服消息按钮，其样式已经被固定，且颜色只能选择黑白两色**。唯一可以真正自定义的项目，则是这个按钮的尺寸大小。 #### 2. 插入自定义样式的客服消息按钮 **利用 WXML 中 `` 相比较第一种方法，使用这种方法，你可以在 WXSS 中为按钮添加自己的样式，让客服消息按钮与整体页面更和谐。 无论使用哪一种方法，**用户都可以通过点击客服消息按钮，进入聊天界面**，与你的小程序客服直接沟通。 ### 收发客服消息 微信为小程序提供了「微信公众平台客服功能」，已经绑定为客服的人员，可以直接打开客服功能页面（mpkf.weixin.qq.com）扫码登录，就能与小程序用户进行沟通。 #### 1. 绑定客服人员 首先，小程序管理员需要为小程序绑定客服人员，客服人员才能进入客服功能，与小程序用户进行沟通。 具体绑定方法是： - 使用小程序帐户，登录至微信公众平台（mp.weixin.qq.com）。 - 点击左侧边栏的「客服消息」链接，进入「客服消息」功能模块。 - 点击右侧的「添加」按钮，并在弹出框中，输入客服人员个人微信号。可以添加多个客服人员的微信号。 - 确认添加，点击「确定」即可。 ![](https://s3.ifanr.com/wp-content/uploads/2017/09/minapp-qna-40-1.jpg) #### 2. 进入客服 添加完成后，小程序的客服人员可以使用自己的个人微信，扫码登录进入「微信公众平台客服功能」。 客服功能使用起来非常简单，就像是在用微信网页版一样。只要小程序的用户发起会话，客服人员就可以在客服功能中与用户进行沟通。 ![](https://s3.ifanr.com/wp-content/uploads/2017/09/minapp-qna-40-2.jpg) 需要注意的是，客服人员只能在用户发送消息后的 48 小时内回复用户。如果用户发起会话超过 48 小时，客服人员将无法回复该用户。 同时，使用客服功能也需要遵守相关的使用规范，不能向用户恶意发送推广信息，否则，小程序就会有封号的风险喔。 **关注「知晓程序」公众号 👇** - 在微信后台回复「**问答**」，获取往期小程序问答文章。 - 在微信后台回复「**666**」，加入知晓开发联盟。 ![](https://s3.ifanr.com/wp-content/uploads/2017/09/minapp-qrcode.gif)