脚本之家

微信小程序开发!小程序添加漂浮客服会话按钮

上一篇
微信小程序开发教程-手势解锁
下一篇
微信小程序通过wxParse.js 嵌入HTML代码

今天我们给小程序添加一个简单的客服功能。客服人员可以直接使用微信公众平台网页版客服工具进行客服消息回复。

首先来看看页面长什么样:

image.png

应该已经看到了底部的客服图标按钮。接下来看看代码,代码也很简单。

log.wxml

<!--pages/log/log.wxml-->
<button class="kf_button" open-type="contact" session-from="weapp">
    <image class="kf_image" src="../../resources/img/kf.PNG"></image>
</button>

log.wxss

/* pages/log/log.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;
}

是不是很简单。接下需要做的是在后台配置客服人员微信,然后通过网页版客服工具就可以进行测试了。快去试试吧!

以上就是微信小程序开发!小程序添加漂浮客服会话按钮的全部内容,希望这篇技术文档对大家的学习有所帮助,转发给身边的程序猿朋友,感谢各位大大支持:脚本之家 jb51.cc

微信小程序开发!小程序添加漂浮客服会话按钮 由脚本之家 jb51.cc 收集整理
本文版权归原作者所有,转载请注明出处并带上本文链接!

上一篇
微信小程序开发教程-手势解锁
下一篇
微信小程序通过wxParse.js 嵌入HTML代码

您可能感兴趣的小程序组件教程

小程序组件

微信小程序中使用redux

当然小程序中使用redux不是必须的,如果你的程序逻辑不是很复杂,无需用这个东西,redux就是管理全局状态的,如果你刚好很熟悉redux,并且很有必要使用这东西的话,那就非常好可以使用,作者集成插件到微信小程序中的