您的当前位置:首页正文

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

2024-11-29 来源:个人技术集锦

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

(一):首先登录微信公众平台 :

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

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

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

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

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

<!-- uni-app 写法 -->
                        <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="contact" 
                                send-message-title="{{goods.name}}" 
                                send-message-img="{{goods.cover_pic}}" 
                                send-message-path="/pages/goods/goods?id={{goods.id}}" 
                                show-message-card 
                                plain
                                class="kefu">
                            <view class="kefu_button">
                                <text class="iconfont icon-kefu"></text>
                                <text>客服</text>
                            </view>    
                        </button> -->

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

显示全文