微信小程序实现客服功能(客服消息)(代码片段)

FleeDream FleeDream     2023-03-30     305

关键词:

纯前端操作,无后端接入的情况下实现此功能

1,需要一个按钮button,加上open-type=“contact”属性

  <button open-type="contact">咨询</button>

需在真机上测试,点击按钮就可以进入客服页面。

2,登录微信公众平台,进入小程序后台,点击客服

3,添加客服人员

 

点击添加客服,输入微信号,先搜索,再添加,也可以给开发人员(自己)添加为客服人员

4,添加好后,设置成管理员

5,进入网页端客服,扫码登录, 点击设置,此功能手机端客服无法设置

网页端客服https://mpkf.weixin.qq.com/

左下角的头像可以设置离线/在线状态

自动接入:用户发送信息时在线的客服人员在一段时间后自动接入,用户那边会提示 某某客服人员接入,不打开自动接入的话,在主页你点击接入才会接入。

自动回复:就相当于人机操作,用户首次进入会发送 接入欢迎语开场白,问题里面就是链接了,点击后跳转的页面或是进行自动回复,关键字也很好理解了,输入关键字就会自动发送结果给用户。

 可以右击已接入的对象实现转接给其他客服的操作。一旦有客服接入,其他客服人员可以看到用户发的信息,其他客服无法接入,无法发送信息。

官方文档中也有操作指南,里面有另一种需要后端接入实现

客服消息使用指南https://developers.weixin.qq.com/miniprogram/introduction/custom.html#%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%BB%8D

这是常用的几项,设置这几个功能,简易版的客服消息功能就实现了

公众号怎么接入客服功能?

微信公众号怎么接入客服功能?为丰富公众号的服务沟通能力,提高服务质量,微信为公众号提供客服消息能力,以便公众号用户(关注粉丝)可以方便快捷地与公众号运营方进行沟通。用户可使用公众号客服消息功能,与公众号... 查看详情

asp实现微信客服消息群发,asp代码写的

...链接的消息,花几分钟研究了一下,比较简单,上代码:微信客服消息发送asp代码如下:<%url="https://api.weixin.qq.com/cgi-bin/message/custom/send?access_token="&Application("wx_token")(0)body 查看详情

微信小程序|基于小程序+c#制作一个聊天系统(代码片段)

...与服务端的聊天功能。用小程序自带的客服功能只能绑定微信且一对一沟通,接入市面上成熟的即时通讯预算又略显不足,干脆自己开发一个也能应对简单的业务场景。实现流程1、服务端1.1、项目创建1.2、设计界面1.3、... 查看详情

家政服务小程序实战教程13-接入客服(代码片段)

小程序在微信里使用,以其无需安装随用随走为特点。但是有个问题是,如果提供商品或者服务的,用户如果有问题往往希望平台的运营方给出专业的解答。为了满足这类需求,就需要我们提供客服接入的功能... 查看详情

家政服务小程序实战教程13-接入客服(代码片段)

小程序在微信里使用,以其无需安装随用随走为特点。但是有个问题是,如果提供商品或者服务的,用户如果有问题往往希望平台的运营方给出专业的解答。为了满足这类需求,就需要我们提供客服接入的功能... 查看详情

java开发微信小程序客服,如何让客服使用手机接收用户消息啊?

公司最近开发微信小程序,我现在已经可以在后台接受用户发过来的信息的json数据了,但是不知道如何把这个消息发送到客服的微信手机端上,我该如何处理啊?换句话说,我该如何利用开发者服务器将接收到的消息发送到客... 查看详情

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

...可自定义分享卡片配图,未定义分享卡片配图的,仍将由微信截屏,作为小程序分享卡片配图。2、客服消息支持发送小程序卡片:公众号及小程序客服可给用户发送小程序卡片。其中,公众号允许发送小程序卡片的动作包括:... 查看详情

跨平台应用开发进阶(四十五)uni-app集成企微客服实战(代码片段)

...、拓展阅读一、前言应用运营过程中,考虑接入企业微信客服功能,大致看了下官方接入文档,并不困难,引入代码量也不大。按照手册来操作即可。二、功能实现2.1环境准备在接入企微客服前,需要启用微... 查看详情

跨平台应用开发进阶(四十五)uni-app集成企微客服实战(代码片段)

...、拓展阅读一、前言应用运营过程中,考虑接入企业微信客服功能,大致看了下官方接入文档,并不困难,引入代码量也不大。按照手册来操作即可。二、功能实现2.1环境准备在接入企微客服前,需要启用微... 查看详情

微信小程序的顶部手机状态栏怎么做成下面的那种效果,全屏显示?

...ows里面添加"navigationStyle":"custom" 参考技术B微信小程序隐藏功能介绍:一、小程序切换小程序和小程序、小程序和聊天界面可以迅速切换。微信小程序二、消息通知你可以收到小程序的模板消息和客服消息。微信小... 查看详情

小程序的基础(代码片段)

...流程代码示例:1contact直接打开客服对话功能需要在微信小程序的后台配置只能够通过真机调试来打开2share转发当前的小程序到微信朋友中不能把小程序分享到朋友圈3getPhoneNumber获取当前用户的手机号码信息结合一个事件来... 查看详情

使用wpf+chrome内核实现在线客服系统的复合客服端程序(代码片段)

本系列文章详细介绍使用.netcore和WPF开发升讯威在线客服与营销系统的过程。本产品已经成熟稳定并投入商用。免费使用&私有化部署免费下载:https://docs.shengxunwei.com/Post/f7bc8496-14ee-4a53-07b4-08d8e3da6269视频实拍:演示升讯... 查看详情

使用wpf+chrome内核实现在线客服系统的复合客服端程序(代码片段)

本系列文章详细介绍使用.netcore和WPF开发升讯威在线客服与营销系统的过程。本产品已经成熟稳定并投入商用。免费使用&私有化部署免费下载:https://docs.shengxunwei.com/Post/f7bc8496-14ee-4a53-07b4-08d8e3da6269视频实拍:演示升讯... 查看详情

基于websocket实现一个简单的网站在线客服聊天室案例(代码片段)

...天室,进行客服解答功能,本节我们使用websocket实现一个简单的网站在线客服聊天功能,效果如下:正文后端引入websocket的pom依赖<dependency> <groupId>org.springframewor 查看详情

微信小程序-模仿绘制聊天界面(代码片段)

参考文章1、小程序模仿微信聊天界面2、微信小程序实现仿微信聊天界面(各种细节处理)3、微信小程序之页面中关于聊天框三角形的制作和使用4、仿微信聊天记录时间显示5、微信小程序-同时获取麦克风、相机权限、获取多个权... 查看详情

微信小程序预览pdf功能实现(代码片段)

原理就是将pdf下载下来然后调用微信浏览器来实现打开功能showPdf:function(otption)varurl=otption.currentTarget.dataset.index.keyValue;//打开pdf文件wx.showLoading(title:'加载中...',)wx.downloadFile(url:url,success:functio 查看详情

微信错误代码45047:客服消息只能发送20条/个用户

...de”:45047,”errmsg”:”outofresponsecountlimithint:[pTQQOA0501ge25]”微信开发官方文档没有说多少条,这个网友有人遇到过 我一数果然是20条,必须用户点击菜单或者回复消息之后,又可以发送20条。图文消息点了好像没反应。转自:ht... 查看详情

(4)优化tcp编写客服端上传图片,服务端给客服端发消息问好(代码片段)

(4)优化TCP编写客服端上传图片,服务端给客服端发消息问好此demo的在上一个的基础上实现客服端与服务器端互相发送消息给对方,提高数据的读与取的效率,首先要先启动服务端,否则报错,因为TCP是可靠协议,所以没有对应... 查看详情