### [微信小程序内怎样增加和后台客服联系功能](https://www.prosaas.cn/article/17521)

**Published:** 2018-06-04T07:04:43

**Author:** 5201314

**Excerpt:** 这次给大家带来微信小程序内怎样增加和后台客服联系功能，微信小程序内增加和后台客服联系功能的注意事项有哪些，下面…

这次给大家带来微信小程序内怎样增加和后台客服联系功能，微信小程序内增加和后台客服联系功能的注意事项有哪些，下面就是实战案例，一起来看一下。

**1\. 普通客服按钮添加**

 <button open-type='contact' session-from=''>客服-联系我们</button>

![](https://img.php.cn/upload/article/000/061/021/7db66a9bbc3992688074d1201de24c26-0.png)

**2\. 悬浮客服按钮添加，图片自定义**

![](https://img.php.cn/upload/article/000/061/021/23fa5aed549446413777de7791688b8d-1.png)

大家看地图的有个客服图片图片资源。大家去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;
}

相信看了本文案例你已经掌握了方法，更多精彩请关注知企PROSAAS其它相关文章！

推荐阅读：

js项目中常用算法

怎样使用Vuejs自定义路由

以上就是微信小程序内怎样增加和后台客服联系功能的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---