客服功能 · 微小程小程序制作教程（副本）

# 客服功能 * * * * * ### 小程序： <table width="100%"> <tbody> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="100%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AE%A2%E6%9C%8D%E5%9B%BE%E6%A0%87.jpg"/> </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="100%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AE%A2%E6%9C%8D%E5%AF%B9%E8%AF%9D.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> 用户咨询的客服入口 </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> 客服对话框 </td> </tr> </tbody> </table> ### 功能介绍 1. **客服消息**：用户可通过客服消息，与店铺客服沟通、咨询。 ### 客服功能如何使用： **步骤**： 1. 进入[微信公众平台](https://mp.weixin.qq.com/)，登录微信小程序账号。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E6%94%AF%E4%BB%98/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%B9%B3%E5%8F%B0.jpg"> 2. 进入小程序首页，点击左侧菜单“客服消息”。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E9%A6%96%E9%A1%B5%E5%AE%A2%E6%9C%8D.jpg"> 3. 进入客服消息列表，客服人员暂无数据。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AE%A2%E6%9C%8D%E9%A1%B5%E9%9D%A2.png"/> 4. 点击右上角“添加”按钮，绑定客服人员，在文本框中输入需要绑定为客服人员的微信号，点击搜索，下方出现该微信的头像，然后点击确定即可。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E7%BB%91%E5%AE%9A%E5%AE%A2%E6%9C%8D%E4%BA%BA%E5%91%98.jpg"/> 5. 绑定为客服人员后，客服人员列表出现人员列表，这样，就有客服接待了，同样的方法，还可以添加99个客服人员。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AE%A2%E6%9C%8D%E4%BA%BA%E5%91%98.png"/> 6. 点击上方“在线客服功能”，进入客服中心。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD.jpg"/> 7. 进入到二维码扫码界面，这里，是需要刚才绑定的小程序的客服人员扫码才能登录。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AE%A2%E6%9C%8D%E7%99%BB%E5%BD%95.png"/> 8. 扫码后，需要手机端微信点击确认。 <img width=" 50%"src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E7%A1%AE%E8%AE%A4%E7%99%BB%E5%BD%95.jpg"/> 9. 登陆后，进入聊天对话框，此时没有任何客户咨询问题。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E6%8E%A5%E5%BE%85.png"/> 10. 客户咨询问题。 <img width=" 50%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AE%A2%E6%9C%8D%E4%BC%9A%E8%AF%9D.jpg"/> 11. 当客户咨询问题时，后台会显示“待接入”——1个新用户，点击蓝色区域“1个新用户”。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/1%E4%BA%BA%E6%8E%A5%E5%85%A5.png"/> 12. 显示所有的客户咨询信息，这里只有一条消息。显示客户名称、咨询内容、消息时间、上次接待客服等内容，点击右侧“接入”即可回复当前用户。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AE%A2%E6%88%B7%E4%BF%A1%E6%81%AF.png"/> 13. 接入之后，则进入到自己的客服对话列表页面。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AF%B9%E8%AF%9D%E5%88%97%E8%A1%A8.png"/> 14. 点击左侧未读对话，直接与客户进行对话。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%AF%B9%E8%AF%9D%E4%B8%AD.png"/> 15. 点击右上角第一个图标，进行转接客服操作。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E8%BD%AC%E6%8E%A5.jpg"/> 16. 选择需要转接的客服，可以选择给客服留言当前客户的问题，演示账户只绑定了一个客服，所以没有其他客服转接。如果多个客服的话，可以点击“转接”按钮。完成转接，另一个客服会接到未读对话。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E8%BD%AC%E6%8E%A5%E5%AE%A2%E6%9C%8D.png"/> 17. 点击右上角第二个图标“结束对话”，结束当前对话。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E7%BB%93%E6%9D%9F%E5%AF%B9%E8%AF%9D.png"/> 18. 结束对话后，显示“会话已结束”，可点击“重新接入”来接入当前会话。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E4%BC%9A%E8%AF%9D%E5%B7%B2%E7%BB%93%E6%9D%9F.png"/> 19. 点击右上角客服名称，可以更改自己的客服当前状态。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E7%8A%B6%E6%80%81.png"/> 20. 点击右上角的设置按钮，可以进入客服设置界面。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E8%AE%BE%E7%BD%AE%E6%8C%89%E9%92%AE.png"/> 21. 帐号设置：可查看当前客服的信息。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E8%AE%BE%E7%BD%AE.png"/> 22. 接入设置：可设置是否自动接入和接入问候语。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E6%8E%A5%E5%85%A5%E8%AE%BE%E7%BD%AE.png"/> 23. 离开设置：可设置在离开状态下，是否自动回复和自动回复内容。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E7%A6%BB%E5%BC%80%E8%AE%BE%E7%BD%AE.png"/> 23. 回复设置：回复的素材等。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%AE%A2%E6%9C%8D%E6%B6%88%E6%81%AF/%E5%9B%9E%E5%A4%8D%E8%AE%BE%E7%BD%AE.png"/>