uni-app 微信小程序客服聊天和发送页面卡片功能

微信小程序客服聊天和发送页面卡片功能实现步骤如下：

(一)：首先登录微信公众平台：https://mp.weixin.qq.com/

登录成功后找到----->功能-----> 客服---->添加客服--->输入微信号---->搜索----->确定添加

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

使用绑定的客服微信账号，扫一扫二维码登录，成功后就可以看到接收、回复客户发的信息

点击头像还可以设置账号在线和离线

如果退出网页端客服，可以在绑定的客服手机微信账号中搜索「客服小助手」小程序进行客服消息回复、查看客户咨询的信息

(二)：在代码中加入button按钮，当用户点击客服进行发信息咨询时，绑定客服微信的人员就能接收和回复信息

<button open-type='contact' plain="true" session-from='' class="contact">
<text class="iconfont icon-kefu"></text>
<text class="text">客服</text>
</button>

(三)：如果要实现客服中发送页面卡片功能，就要在button 中新增几个属性即可

<button
                       open-type="contact"
                               plain="true"
                               show-message-card="true"
                               :send-message-title="goods.name"
                               :send-message-img="goods.cover_pic"
                               :send-message-path="`/pages/product/product?id=${goods.id}`"
                               class="kefu">
                           <view class="kefu_button">
                               <text class="iconfont icon-kefu"></text>
                               <text>客服</text>
                           </view>
                       </button>

button 按钮 open-type 有很多的开放能力，分享、客服、登录获取个人信息等等、、、

查看文档地址：https://uniapp.dcloud.io/component/button

uni-app 微信小程序客服聊天和发送页面卡片功能相关推荐

微信小程序客服功能把当前页面的信息卡片发送给客服
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 需求:微信小程序客服带详情页 , 场景:一个人通过微信小程序接入微信客服,聊天后带上入口链接效果图: ...
微信小程序客服消息（带流程图）
微信小程序客服消息功能介绍调用客服消息接口发送客服消息填写消息推送配置网页版客服工具与移动端小程序客服工具使用说明(后台接入消息服务) 一.在页面使用客服消息二.后台接入消息服务三.接收 ...
微信小程序客服系统手机版五大功能介绍
很多朋友小程序上线后,客服消息这块一直没得到解决.小程序客服消息只能在PC端回复,是让众多小程序运营商及商家头疼的问题,因为一个再牛逼的客服,也不可能随时随地都抱着电脑,这就导致很多用户的留言不能及时 ...
给自己的微信小程序客服回话添加头像!
在这里教大家如何在微信小程序客服回话里显示用户的头像和昵称. 先给大家看下获取头像与昵称后的实际效果: 第一步,百度搜索芝麻小客服或者点击此链接打开之后点击一键接入小客服按钮,按照提示接入小 ...
史上最简单最全 java后端对接微信小程序客服教程
文章参考--配置消息推送小程序发版体验成员使用步骤遇到的几个问题先分享一下遇到的几个问题提交消息推送服务起一直提示token校验失败是因为没有启动项目微信无法校验链接正确性体验用户无法正 ...
使用微信小程序客服消息上的一些注意事项！小程序客服消息按钮，接入及消息接收
本文分为四部分,为大家介绍一下,小程序客服消息上的一些解决方案 1.增加小程序客服按钮 2.实现客服会话(绑定客服人员,消息推送配置) 3.如何实现小程序客服智能消息(自动回复等) 4.用手机回复小程 ...
微信小程序客服相关功能
1.微信小程序客服浮动按钮 button 按钮中 open-type="contact" 可以跳转至客服注意!!! 客服对话在电脑端并不显示,只有真机调试时才会显示具体代码如下 ...
微信小程序客服系统怎么使用？小程序客服消息有没有什么限制？
越来越多的商家开始使用微信小程序,大批客户涌入,就会面临一个头疼的问题,如何和客户即时对话,怎么高效处理客户消息,所以就需要巧妙运用微信小程序客服系统.那么微信小程序客服系统怎么使用呢? 一.使用微信 ...
微信小程序客服消息授权给第三方Udesk
微信小程序客服消息授权给第三方Udesk 一.必须是微信认证过的微信小程序登录微信小程序后台-设置-基本设置链接:https://mp.weixin.qq.com/ 下面有一栏:微信认证(看是否认 ...

uni-app 微信小程序客服聊天和发送页面卡片功能

uni-app 微信小程序客服聊天和发送页面卡片功能相关推荐

最新文章

热门文章