客服功能 · 小程序制作流程

# 客服功能 * * * * * <table width="100%"> <tr style="background-color:#630863;color:white"> <td width="20%" align="center" >功能</td> <td align="center" >介绍</td> </tr> <tr> <td width="20%" align="center">客服功能</td> <td>用户可通过电脑端客服消息，与店铺客服沟通、咨询，当前只能用于电脑端的客服，手机端正在研发。</td> </tr> </table> <table width="100%"> <tbody align="center"> <tr style="border: 0xp solid white;"> </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.腾讯官方的客服 * 2.芝麻客服支持手机端回复 <a style="font-size:20px" href="http://xiaokefu.com.cn/index/index">点击这里</a>进入芝麻客服 * <a style="font-size:20px" href="https://www.kancloud.cn/wikizhima/wikihotapp/540238">点击这里</a>进入芝麻客服教程 ※腾讯官方客服功能如何使用： <ol> <li>进入<a href="https://mp.weixin.qq.com">微信公众平台(https://mp.weixin.qq.com)</a>，登录微信小程序账号。</li> <img src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/1.jpg"> <li> 进入小程序首页，点击左侧菜单“客服消息”，进入客服消息列表，客服人员暂无数据。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/2%E6%9A%82%E6%97%A0%E6%95%B0%E6%8D%AE.png"> <li>点击右上角“添加”按钮，绑定客服人员，在文本框中输入需要绑定为客服人员的微信号，点击搜索，下方出现该微信的头像，然后点击确定即可。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/3%E6%B7%BB%E5%8A%A0%E5%AE%A2%E6%9C%8D.png"/> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/4%E6%90%9C%E7%B4%A2%E5%BE%AE%E4%BF%A1.jpg"/> <li>绑定为客服人员后，客服人员列表出现人员列表，这样，就有客服接待了，同样的方法，还可以添加99个客服人员。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/5%E7%BB%91%E5%AE%9A.png"/> <li>登录客服功能，进入客服中心。</li> 1. 绑定的客服扫码进入微信官方“移动端小程序客服” <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%A2%E6%9C%8D.jpg"/> 2点击上方“在线客服功能”，进入客服中心。 <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/5%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD.png"/> <li> 进入到二维码扫码界面，这里，是需要刚才绑定的小程序的客服人员扫码才能登录。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/6%E6%89%AB%E7%A0%81%E7%99%BB%E5%BD%95%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D.jpg"/> <li>扫码后，需要手机端微信点击确认。</li> <img width=" 50%"src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/7%E6%89%8B%E6%9C%BA%E7%A1%AE%E8%AE%A4%E7%99%BB%E5%BD%95.jpg"/> <li>登陆后，进入聊天对话框，此时没有任何客户咨询问题。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/8%E6%97%A0%E4%BA%BA%E5%92%A8%E8%AF%A2.jpg"/> <li>客户咨询问题，后台显示“待接入”，点击“接入”即可回复当前用户。</li> <img width=" 50%" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/9%E6%8E%A5%E5%85%A5%E5%AE%A2%E6%88%B7.png"/> <li> 接入之后，则进入到自己的客服对话列表页面。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/10%E8%BF%9B%E8%A1%8C%E5%AF%B9%E8%AF%9D.png"/> <li> 点击右上角第一个图标，进行转接客服操作。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/11%E8%BD%AC%E6%8E%A5%E6%8C%89%E9%92%AE.png"/> <li>选择需要转接的客服，可以选择给客服留言当前客户的问题，演示账户只绑定了一个客服，所以没有其他客服转接。如果多个客服的话，可以点击“转接”按钮。完成转接，另一个客服会接到未读对话。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/12%E8%BD%AC%E6%8E%A5.png"/> <li>点击右上角第二个图标“结束对话”，结束当前对话。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/13%E7%BB%93%E6%9D%9F%E4%BC%9A%E8%AF%9D.png"/> <li>结束对话后，显示“会话已结束”，可点击“重新接入”来接入当前会话。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/14%E9%87%8D%E6%96%B0%E6%8E%A5%E5%85%A5.png"/> <li>点击右上角客服名称，可以更改自己的客服当前状态。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/15%E5%AE%A2%E6%9C%8D%E7%8A%B6%E6%80%81.jpg"/> <li>点击右上角的设置按钮，可以进入客服设置界面。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/16%E8%AE%BE%E7%BD%AE.png"/> <li>帐号设置：可查看当前客服的信息。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/17%E8%B4%A6%E5%8F%B7%E8%AE%BE%E7%BD%AE.png"/> <li>接入设置：可设置是否自动接入和接入问候语。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/18%E6%8E%A5%E5%85%A5%E8%AE%BE%E7%BD%AE.png"/> <li>离开设置：可设置在离开状态下，是否自动回复和自动回复内容。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/19%E7%A6%BB%E5%BC%80%E8%AE%BE%E7%BD%AE.jpg"/> <li>回复设置：回复的素材等。</li> <img class="img" src="http://static.wexiaocheng.com/jiaocheng/%E7%9C%8B%E4%BA%91/%E5%BE%AE%E5%B0%8F%E7%A8%8B%E6%95%99%E7%A8%8B/%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD/20%E5%9B%9E%E5%A4%8D%E8%AE%BE%E7%BD%AE.png"/> </ol> * * * * * ※视频操作教程： <a style="font-size:18px" href="https://www.weiyun.com/video_preview?videoID=46381edd-9c8a-4bc1-a83e-bc0f9a51c16b&fileName=11%E5%AE%A2%E6%9C%8D%E5%8A%9F%E8%83%BD.mp4&dirKey=fad253739d5c0cc8fae17d14f17b01ce&pdirKey=fad25373c8a6727ed36cf1672cf026cd&shareKey=5ZPzhhw">点击查看视频</a>