微信小程序开发之添加客服会话
这是拖了半个月的一篇文章,本来应该和 https://www.imtqy.com/MiniProgram-navigate.html 一起发出来的。这篇讲的是给微信小程序加一个客服会话功能,方便...
本文最后更新于 2019-10-15【1627 天前】,文中所描述的信息可能已发生改变,请谨慎使用。如有问题或建议,欢迎在文章底部留言参与讨论!
这是拖了半个月的一篇文章,本来应该和 https://www.imtqy.com/MiniProgram-navigate.html 一起发出来的。这篇讲的是给微信小程序加一个客服会话功能,方便用户反馈,及时处理信息。
前提
首先在微信小程序后台添加并绑定客服人员,具体方法为:
点击客服人员
点击添加
输入微信号绑定客服
绑定成功
小程序添加客服
很简单,插入一行代码即可:<button open-type='contact'>点击进入客服会话</button>
我们还可以自已调样式,玩出点花样来
如上图,右下角有个客服头像,实现方式也非常简单,分两步:
先添加页面元素:
<!--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>
再调整样式:
/* 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;
}
其中,上面的图片位置需根据自己的程序结构自行调整,是不是很简单呢
具体体验可以扫描下方二维码,打开关于页面查看实际效果:
管理客服会话
微信提供了两种管理用户反馈的渠道,一个是网页端(https://mpkf.weixin.qq.com/),一个是叫客服小助手的微信小程序。
这两种渠道各有优缺点,网页端需要单独打开网页,但可以设置各种自动回复等内容,小程序则胜在实时提醒,方便及时处理。
参考
- 微信小程序开发常用技巧(8)——给你的小程序添加一个客服会话:https://blog.csdn.net/qq_18325731/article/details/76690920
本文作者:Quanyin Tang
本文链接:微信小程序开发之添加客服会话 - https://www.imtqy.com/MiniProgram-contact.html
版权声明:如无特别声明,本文即为原创文章,仅代表个人观点,版权归 Quanyin 所有,未经允许禁止转载,经授权转载请注明出处!
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。
顺便路过,留下一个足迹。