这篇文章给大家分享的是有关微信小程序中如何添加客服按钮contact-button功能的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
小程序的客服系统，是微信做的非常成功的一个功能，开发者可以很方便的通过一行代码，就可实现客服功能。
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;
}感谢各位的阅读！关于“微信小程序中如何添加客服按钮contact-button功能”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
