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

40

在此之前,我们已经了解如何发布小程序,以及小程序发布后的一些维护操作(例如版本更新更换小程序管理员等等)。

今天我们要了解的,是许多电商小程序都需要的客服会话功能。利用微信提供的「客服消息」组件,小程序可以轻松做出客服会话模块。

下面,知晓程序(微信号 zxcx0101)就来教大家,客服消息的正确使用方式。

关注「知晓程序」微信公众号,回复「问答」,获取往期小程序问答文章。

在小程序中加入客服消息按钮

想让小程序接入微信「客服消息」功能模块,你只需要在小程序中,触发微信的客服消息功能即可,不需要在小程序和后端中,自行实现一套客服系统。

你有两个方法在小程序中加入客服消息按钮,两种方法各有利弊。大家可以根据自己的实际需求,进行选用。

1. 插入固定样式的客服消息按钮

微信为客服消息按钮,设计了一个初始样式。

想要调用它也很简单,只需要在 WXML 代码中,插入 <contact-button></contact-button>,固定样式的客服按钮就会出现在界面中

利用这种方法做出的客服消息按钮,其样式已经被固定,且颜色只能选择黑白两色。唯一可以真正自定义的项目,则是这个按钮的尺寸大小。

2. 插入自定义样式的客服消息按钮

利用 WXML 中 <button> 组件的 open-type 属性,我们也可以在小程序的界面中,插入自定义样式的客服消息按钮

<button open-type='contact'>联系客服</button>

相比较第一种方法,使用这种方法,你可以在 WXSS 中为按钮添加自己的样式,让客服消息按钮与整体页面更和谐。

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

收发客服消息

微信为小程序提供了「微信公众平台客服功能」,已经绑定为客服的人员,可以直接打开客服功能页面(mpkf.weixin.qq.com)扫码登录,就能与小程序用户进行沟通。

1. 为小程序绑定客服人员

首先,小程序管理员需要为小程序绑定客服人员,客服人员才能进入客服功能,与小程序用户进行沟通。

具体绑定方法是:

  • 使用小程序帐户,登录至微信公众平台(mp.weixin.qq.com)。
  • 点击左侧边栏的「客服消息」链接,进入「客服消息」功能模块。
  • 点击右侧的「添加」按钮,并在弹出框中,输入客服人员个人微信号。可以添加多个客服人员的微信号。
  • 确认添加,点击「确定」即可。

2. 客服人员登录客服功能

添加完成后,小程序的客服人员可以使用自己的个人微信,扫码登录进入「微信公众平台客服功能」

客服功能使用起来非常简单,就像是在用微信网页版一样。只要小程序的用户发起会话,客服人员就可以在客服功能中与用户进行沟通

需要注意的是,客服人员只能在用户发送消息后的 48 小时内回复用户。如果用户发起会话超过 48 小时,客服人员将无法回复该用户。

同时,使用客服功能也需要遵守相关的使用规范。关注「知晓程序」微信公众号,在微信后台回复「文档」,获取小程序相关技术、规范文档地址。

原文发布于微信公众号 - 知晓程序(zxcx0101)

原文发表时间:2017-09-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏企鹅号快讯

微信更新到版本了,带来了哪些抢眼的功能呢?

在新年前夕,微信又放出了大招,更新了6.6.1版本,而且这次是安卓、iOS同时更新,并带来了3个新的功能: ? 新增小游戏 除了最近备受大家宠爱的“跳一跳”。在...

23290
来自专栏花叔的专栏

解读,小程序显示关注公众号的组件是有条件的

以免同学们过分解读,进而增加往后跟大家讨论需求时的沟通成本,这里稍微解读一下“扫码打开小程序新增公众号关注组件”的功能。

1.1K30
来自专栏腾讯大数据的专栏

微信小程序从使用到分析快速解析

新功能意味着更低的使用门槛——个人注册、更多的流量通道——可借助线下已有二维码与APP链接、更多的触达手段——公众号绑定。这些是不是让很多人心中蠢蠢欲动,感觉又...

34300
来自专栏姬小光

微信里的“授权”到底是几个意思?

作为普通用户,在使用微信的过程中,我们经常会看到各种“授权”,体验着当领导的感觉的同时,也会担心自己的隐私是否会暴露的问题。并且,即使是互联网从业者,也未必都能...

17750
来自专栏编程微刊

h5调用底层接口的一些知识

      之前接触过这方面的知识,一直想写一些关于代码的文字,但考虑到浪费时间,又不具备大神的实力,也不想去把别人的代码照搬过来,所以一直都是空白着的,今天...

852130
来自专栏知晓程序

填写小程序信息时,你需要注意什么? | 小程序接入指南

18730
来自专栏非著名程序员

怎样才能知道最近流行什么开源项目或者开源库?

? 大家都知道,我会不定时的给大家分享一些 GitHub 上的开源库,这时,就会有很多人在公众号后台咨询我,问我:你是从哪里找到的这些开源库的?今天我就给大家...

24180
来自专栏ThoughtWorks

复杂业务场景下如何进行iOS端自动化测试|洞见

去年写了一篇《容器化时代对测试的机遇》的文章,提到了一些分布式自动化测试和容器化技术结合的架构设想。但是目前来说,分布式运行并不是难点,亟需解决的问题是针对特殊...

33740
来自专栏ytkah

微信公众平台增加批量获取用户基本信息接口

  为了帮助开发者提高效率,微信公众平台的用户管理接口中,新增了批量获取用户基本信息的接口。    同时,为了保障公众号第三方平台的业务运营,该接口已放入用户管...

65370
来自专栏BestSDK

腾讯地图开放H5定位API,率先支持iOS10

苹果的iOS 10已经正式对外推送,相信尝鲜的用户已经更新到最新的系统。然而,如果web站没有及时支持https协议的话,当很多用户在iOS 10下访问很多网站...

62280

扫码关注云+社区

领取腾讯云代金券