微信小程序客服相关功能_微信小程序开发 做一个悬浮的客服菜单

1、微信小程序客服浮动按钮

button 按钮中 open-type="contact" 可以跳转至客服

注意！！！

客服对话在电脑端并不显示，只有真机调试时才会显示

具体代码如下：

index.wxml:

 
<!--客服按钮-->
<button open-type="contact" class="lianxi">
  <image src="../../icons/kefu.png" class="backimg"></image>
</button>

index.wxss:

.lianxi{
 background-color: rgba(255, 255, 255, 0);
 height: 150rpx;
 right:0rpx;
 bottom: 200rpx;
 position: fixed;
}
.backimg{
 z-index: 1;
 width: 100rpx;
 height: 100rpx;
 padding-left: 220rpx;
}

 结果如下：

2、客服添加：微信公众平台-客服-小程序客服中添加

绑定成功后可以点击 网页端客服 或者 移动端小程序客服 跳转相应页面，对用户发送的信息进行回复