小程序内如何增加和后台客服联系功能

这篇文章将为大家详细讲解有关小程序内如何增加和后台客服联系功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

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;
}

关于小程序内如何增加和后台客服联系功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。