這次為大家帶來微信小程式中新增聯絡線上客服功能，微信小程式中新增聯絡線上客服功能的注意事項有哪些，以下就是實戰案例，一起來看一下。
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中文網其他相關文章！
