🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 客服功能 * * * * * <a style="font-size:30px" 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> <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 width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="80%" 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="80%" 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;"> <strong>用户咨询的客服入口 </strong> </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <strong>客服对话框 </strong> </td> </tr> </tbody> </table> * 腾讯官方的客户仅支持电脑端回复 * 芝麻 客服支持手机端回复 <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> <p align="center"> <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"> </p> <li> 进入小程序首页,点击左侧菜单“客服消息”。</li> <p align="center"> <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"> </p> <li>进入客服消息列表,客服人员暂无数据。</li> <p align="center" valign="middle" ><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"/> </p> <li>点击右上角“添加”按钮,绑定客服人员,在文本框中输入需要绑定为客服人员的微信号,点击搜索,下方出现该微信的头像,然后点击确定即可。</li> <p align="center" valign="middle" ><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"/> </p> <li>绑定为客服人员后,客服人员列表出现人员列表,这样,就有客服接待了,同样的方法,还可以添加99个客服人员。</li> <p align="center" valign="middle" ><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"/> </p> <li>点击上方“在线客服功能”,进入客服中心。</li> <p align="center" valign="middle" ><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"/> </p> <li> 进入到二维码扫码界面,这里,是需要刚才绑定的小程序的客服人员扫码才能登录。</li> <p align="center" valign="middle" ><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"/> </p> <li>扫码后,需要手机端微信点击确认。</li> <p align="center" valign="middle" ><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"/> </p> <li>登陆后,进入聊天对话框,此时没有任何客户咨询问题。</li> <p align="center" valign="middle" ><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"/> </p> <li>客户咨询问题。</li> <p align="center" valign="middle" ><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"/> </p> <li>当客户咨询问题时,后台会显示“待接入”——1个新用户,点击蓝色区域“1个新用户”。</li> <p align="center" valign="middle" ><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"/> </p> <li>显示所有的客户咨询信息,这里只有一条消息。显示客户名称、咨询内容、消息时间、上次接待客服等内容,点击右侧“接入”即可回复当前用户。</li> <p align="center" valign="middle" ><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"/> </p> <li> 接入之后,则进入到自己的客服对话列表页面。</li> <p align="center" valign="middle" ><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"/> </p> <li>点击左侧未读对话,直接与客户进行对话。</li> <p align="center" valign="middle" ><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"/> </p> <li> 点击右上角第一个图标,进行转接客服操作。</li> <p align="center" valign="middle" ><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"/> </p> <li>选择需要转接的客服,可以选择给客服留言当前客户的问题,演示账户只绑定了一个客服,所以没有其他客服转接。如果多个客服的话,可以点击“转接”按钮。完成转接,另一个客服会接到未读对话。</li> <p align="center" valign="middle" ><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"/> </p> <li>点击右上角第二个图标“结束对话”,结束当前对话。</li> <p align="center" valign="middle" ><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"/> </p> <li>结束对话后,显示“会话已结束”,可点击“重新接入”来接入当前会话。</li> <p align="center" valign="middle" ><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"/> </p> <li>点击右上角客服名称,可以更改自己的客服当前状态。</li> <p align="center" valign="middle" ><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"/> </p> <li>点击右上角的设置按钮,可以进入客服设置界面。</li> <p align="center" valign="middle" ><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"/> </p> <li>帐号设置:可查看当前客服的信息。</li> <p align="center" valign="middle" ><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"/> </p> <li>接入设置:可设置是否自动接入和接入问候语。</li> <p align="center" valign="middle" ><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"/> </p> <li>离开设置:可设置在离开状态下,是否自动回复和自动回复内容。</li> <p align="center" valign="middle" ><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"/> </p> <li>回复设置:回复的素材等。</li> <p align="center" valign="middle" ><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"/> </p> </ol>