无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40

Posted 知晓程序

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40相关的知识,希望对你有一定的参考价值。

40
在此之前,我们已经了解 ,以及小程序发布后的一些维护操作(例如 、 等等)。
今天我们要了解的,是许多电商小程序都需要的客服会话功能。利用微信提供的「客服消息」组件,小程序可以轻松做出客服会话模块。
在小程序中加入客服消息按钮
想让小程序接入微信「客服消息」功能模块,你只需要在小程序中,触发微信的客服消息功能即可,不需要在小程序和后端中,自行实现一套客服系统。
你有两个方法在小程序中加入客服消息按钮,两种方法各有利弊。大家可以根据自己的实际需求,进行选用。
1. 插入固定样式的客服消息按钮
微信为客服消息按钮,设计了一个初始样式。
想要调用它也很简单, 只需要在 WXML 代码中,插入 <contact-button></contact-button> ,固定样式的客服按钮就会出现在界面中。
无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40
利用这种方法做出的客服消息按钮,其样式已经被固定,且颜色只能选择黑白两色。唯一可以真正自定义的项目,则是这个按钮的尺寸大小。
2. 插入自定义样式的客服消息按钮
利用 WXML 中 <button> 组件的 open-type 属性,我们也可以在小程序的界面中, 插入自定义样式的客服消息按钮。
无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40
<button open-type='contact'>联系客服</button>
相比较第一种方法,使用这种方法,你可以在 WXSS 中为按钮添加自己的样式,让客服消息按钮与整体页面更和谐。

无论使用哪一种方法,用户都可以通过点击客服消息按钮,进入聊天界面,与你的小程序客服直接沟通。

收发客服消息
微信为小程序提供了「微信公众平台客服功能」,已经绑定为客服的人员,可以直接打开客服功能页面( mpkf.weixin.qq.com)扫码登录,就能与小程序用户进行沟通。
1. 为小程序绑定客服人员
首先, 小程序管理员需要为小程序绑定客服人员,客服人员才能进入客服功能,与小程序用户进行沟通。
具体绑定方法是:
  • 使用小程序帐户,登录至微信公众平台(mp.weixin.qq.com)。

  • 点击左侧边栏的「客服消息」链接,进入「客服消息」功能模块。

  • 确认添加,点击「确定」即可。

无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40
2. 客服人员登录客服功能
添加完成后, 小程序的客服人员可以使用自己的个人微信,扫码登录进入「微信公众平台客服功能」。
客服功能使用起来非常简单,就像是在用微信网页版一样。 只要小程序的用户发起会话,客服人员就可以在客服功能中与用户进行沟通。
需要注意的是, 客服人员只能在用户发送消息后的 48 小时内回复用户。如果用户发起会话超过 48 小时,客服人员将无法回复该用户。
关注「知晓程序」公众号

以上是关于无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序智能客服平台有什么推荐?客服的功能是如何实现的?

告别后端!阿里云小程序 Serverless 教你如何 30 分钟开发小程序!

微信小程序又一爆炸功能上线-云开发

微信小程序客服发送小程序卡片功能?

微信小程序学习Course 9 云开发功能

一个超厉害的智能小程序:可接收你的小程序客服消息,无需开发,自动接入。