微信小程序内怎样增加和后台客服联系功能

169 阅读 0 评论 112 点赞

我是靠谱客的博主冷静电灯胆，这篇文章主要介绍微信小程序内怎样增加和后台客服联系功能，现在分享给大家，希望可以做个参考。

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

1. 普通客服按钮添加

复制代码 <button open-type='contact' session-from=''>客服-联系我们</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>1
2
3
<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;
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.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;
}
登录后复制