前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >无需后端开发,教你轻松实现小程序「客服功能」| 小程序问答 #40

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

作者头像
知晓君
发布于 2018-07-30 06:49:42
发布于 2018-07-30 06:49:42
9390
举报
文章被收录于专栏:知晓程序知晓程序
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 小时,客服人员将无法回复该用户。

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-09-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 知晓程序 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
小程序开店指南:小程序如何绑定客服?
在微信公众平台登录小程序后台,在侧边栏选择“客服反馈”,点击“客服人员”,然后添加。
用户1745481
2019/01/08
1.7K0
小程序多入口对应指定客服的实现方案:小程序如何实现接入指定客服人员?
近年来,小程序已经成为众多企业与用户交互的高效工具。无论是电商、服务预约还是在线咨询,客服功能的引入显得尤为重要。而在小程序中,许多企业希望能够将客户直接引导至指定客服,以提升沟通效率和用户体验。那么,小程序究竟能否实现这一需求?本文将为你解答这一问题,并分析相关实现方式。
猫头虎
2024/12/10
6050
小程序多入口对应指定客服的实现方案:小程序如何实现接入指定客服人员?
微信小程序官方组件展示之表单组件button源码
以下将展示微信小程序之表单组件button源码官方组件能力,组件样式仅供参考,开发者可根据自身需求定义组件样式,具体属性参数详见小程序开发文档。
软件事业部
2022/08/19
8900
这样注册小程序,能省 300 元!| 小程序问答 #44
但如果你暂时还没有注册小程序,无论你本身是否有公众号,依然都需要在公众平台重新注册小程序帐户,才能拥有自己的小程序。
知晓君
2018/07/27
1K0
5分钟入门 - 微信小程序开发
如果你还没有微信公众平台的账号,请先进入 微信公众平台 首页,点击 “立即注册” 按钮进行注册。注册的账号类型可以是订阅号、服务号、小程序以及企业微信,我们选择 “小程序” 即可。
用户6808043
2022/02/25
8790
小程序如何关联公众号?| 小程序问答 #42
今天,知晓程序(微信号 zxcx0101)就接着上期,手把手教你如何将小程序与公众号关联起来。
知晓君
2018/07/27
6.8K0
微信小程序开发学习笔记(二)——小程序框架、组件、WXML
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
张果
2023/04/28
2.2K0
微信小程序开发学习笔记(二)——小程序框架、组件、WXML
微信小程序客服系统-两种形式:嵌入页面传递更多信息 与 自带组件形式
使用webview组件嵌入聊天页面形式。这种形式更加的灵活可控,可以传递更多的信息给到客服,例如可以把用户的手机号,所在页面的产品信息等带入进来。
唯一Chat
2023/08/26
7220
微信小程序客服系统-两种形式:嵌入页面传递更多信息 与 自带组件形式
​05-微信小程序常用组件-表单组件
微信小程序包含了六大组件:视图容器、基础内容、导航、表单、互动和导航。这些组件可以通过WXML和WXSS进行布局和样式设置,从而构建出丰富的小程序界面和交互体验。
度假的小鱼
2023/11/23
2.1K0
​05-微信小程序常用组件-表单组件
微信小程序入门文档下载_小程序开发教程全集免费
最新一版的微信开发者工具,把微信公众号的调试开发工作也集成了进去,可以更换开发模式。
全栈程序员站长
2022/09/20
11.1K0
微信小程序入门文档下载_小程序开发教程全集免费
开发 | 无需后端编码,手把手教你把 WordPress 做成小程序
知晓程序(微信号 zxcx0101)今天分享的这篇文章,将一步步讲解,如何将一个 WordPress 网站借助 REST API 开发微信小程序版。
知晓君
2018/08/01
1.7K0
微信小程序基础
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不关心是否安装太多应用的问题。应用将无处不在,随时随地可用,但又无需安装卸载。
达达前端
2019/07/08
8930
小程序如何提交审核,并发布?| 小程序问答 #36
今天,知晓程序(微信号 zxcx0101)就来教你,如何在公众平台提交审核、发布小程序。
知晓君
2018/07/30
1.3K0
小程序·云开发实战:定制化客服小程序
随着微信小程序不断发展壮大,商家把自有业务拓展到小程序以开拓更多商机。依托微信背后庞大的用户和流量,在大大提升了自有业务的同时,也带来了更多的客服工作。如果微信自有的客服助手不能满足多样化的客服工作,就需要定制适应自己的客服小程序,帮助客服人员更好的服务顾客。
可可爱爱没有脑袋
2020/01/14
2.9K0
小程序·云开发实战:定制化客服小程序
微信小程序入门
微信小程序是一种不需要安装即可使用的应用,用户只需扫一扫或搜一搜即可打开应用,无需安装或卸载。
Vincent-yuan
2022/12/21
8760
微信小程序入门
unicloud云函数开发微信客服消息自动回复图片消息(完整步骤)
此时点击提交,会提示你Token校验失败,请检查确认,不要慌,只是云函数里面没有写而已。这个时候就可以去写云函数的代码了~~
猿来是前端
2022/09/19
1.5K0
unicloud云函数开发微信客服消息自动回复图片消息(完整步骤)
想第一时间发布小程序?人人都得这样做 | 小程序接入指南
微信小程序什么时候会正式发布?也许连微信自己也不知道。 但是,我们知道的是,如果想成为第一批公开可用的小程序,就得赶紧将小程序提交审核。那是因为: 先审核、先发布:小程序虽然还不能公开使用,但可以提交
知晓君
2018/06/28
6060
【愚公系列】《微信小程序与云开发从入门到实践》017-提供用户交互功能的组件
在微信小程序的开发过程中,用户交互功能的实现是提升用户体验的关键。而微信小程序提供了一系列强大的组件,专门用于增强用户与应用之间的互动。这些组件不仅丰富了小程序的功能,也为开发者提供了灵活的工具,以满足不同场景下的交互需求。
愚公搬代码
2025/01/16
2930
微信小程序开发实战1 微信小程序开发概述
微信小程序是微信平台提供的一种开放技术,微信小程序为企业用户服务,用于建立一种移动端的“轻应用”,这种应用是不需要下载安装即可使用的应用,用户扫一扫或者搜一下即可打开应用。用户也不用关心是否安装了太多应用的而造成手机空间不足问题。微信小程序的推出后,与订阅号、服务号、企业号并列成为微信的企业应用体系。
全栈程序员站长
2022/09/13
10.9K0
微信小程序开发实战1 微信小程序开发概述
收藏级!小程序 10 大最强推广攻略,助你获取微信亿级流量 | 晓运营
作者:郑智文 如果你关心小程序,那么你应该了解它之前有「自定义关键词」的功能。有了它,开发者可以设定与小程序有关的关键词,让用户搜索关键词时,能更快找到你的小程序。 但最近,微信官方宣布,这个功能已经正式停用,将会改为由系统自动分配关键词。 那么这是不是意味着你的小程序更难被用户使用了呢?非也。微信官方提到,开发者应该努力提升小程序的功能与体验,并保证名称和描述的准确,从而可以让你的小程序更容易被用户搜索到。 当然,小程序早已不是一年前的那个小程序。除了「自定义关键词」功能外,小程序其实还有许多可以让用户使
知晓君
2018/07/03
7800
推荐阅读
相关推荐
小程序开店指南:小程序如何绑定客服?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档