微信小程序实现在线客服

wxml:
<button onpn-type=‘contact’ class='btn-contact flexc‘>
在线客服

css:
.btn-contact {
position: fixed;
right: 50rpx;
bottom: 30rpx;
width: 105rpx;
height: 105rpx;
font-size: 24rpx;
padding: 0;
border-radius: 50%;
padding-top: 2rpx;
background-color: #FFC45B;
z-index: 9999;
color: white;
font-weight: 600;
}
.flexc {
display: flex;
justify-content: center;
align-items: center;

}

最后打开微信公众平台功：https://mpkf.weixin.qq.com/

在微信小程序中点击上传，然后就可以在真机调试中和客服对话了

最后就可以实现小程序真机模式中与在线客服对话了