这次给大家带来微信小程序中添加联系在线客服功能，微信小程序中添加联系在线客服功能的注意事项有哪些，下面就是实战案例，一起来看一下。
1. 普通客服按钮添加
<button open-type='contact' session-from=''>客服-联系我们</button>
2. 悬浮客服按钮添加，图片自定义
大家看地图的有个客服图片图片资源。大家去iconfont 网站去找一个就可以了
index.wxml
<button class="kf_button" open-type="contact" session-from="weapp"> <image class="kf_image" src="../../resources/img/kf.PNG"></image> </button>
index.wxss
.kf_button{
background-color: rgba(255, 255, 255, 0);
border: 0px;
height: 100rpx;
right: 0;
bottom: 20rpx;
position: fixed;
}
.kf_button::after{
border: 0px;
}
.kf_image{
z-index: 9999;
width: 100rpx;
height: 100rpx;
}相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
以上是微信小程序中添加联系在线客服功能的详细内容。更多信息请关注PHP中文网其他相关文章！
