How to add the function of contacting backend customer service in WeChat mini program

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

1. 普通客服按钮添加

 <button open-type=&#39;contact&#39; session-from=&#39;&#39;>客服-联系我们</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中文网其它相关文章！

推荐阅读：

js项目中常用算法

怎样使用Vuejs自定义路由

The above is the detailed content of How to add the function of contacting backend customer service in WeChat mini program. For more information, please follow other related articles on the PHP Chinese website!