本文最后更新于 2019-10-15【30 天前】,文中所描述的信息可能已发生改变,请谨慎使用。如有问题或建议,欢迎在文章底部留言参与讨论!

这是拖了半个月的一篇文章,本来应该和 https://www.imtqy.com/MiniProgram-navigate.html 一起发出来的。这篇讲的是给微信小程序加一个客服会话功能,方便用户反馈,及时处理信息。

前提

首先在微信小程序后台添加并绑定客服人员,具体方法为:

点击客服人员
点击添加
输入微信号绑定客服
绑定成功

小程序添加客服 - Quanyin说:imtqy.com

小程序添加客服

很简单,插入一行代码即可:<button open-type='contact'>点击进入客服会话</button>

我们还可以自已调样式,玩出点花样来
小程序 - Quanyin说:imtqy.com

如上图,右下角有个客服头像,实现方式也非常简单,分两步:
先添加页面元素:

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

其中,上面的图片位置需根据自己的程序结构自行调整,是不是很简单呢

具体体验可以扫描下方二维码,打开关于页面查看实际效果:
木函工具箱小程序二维码 - Quanyin说:imtqy.com

管理客服会话

微信提供了两种管理用户反馈的渠道,一个是网页端(https://mpkf.weixin.qq.com/),一个是叫客服小助手的微信小程序。
微信小程序网页端客服 - Quanyin说:imtqy.com

这两种渠道各有优缺点,网页端需要单独打开网页,但可以设置各种自动回复等内容,小程序则胜在实时提醒,方便及时处理。

参考

文章目录
文章目录

推荐使用:阿里云 云翼计划学生优惠、ECS、轻量应用等产品与服务【 点击注册

本文作者:Quanyin Tang

本文链接:微信小程序开发之添加客服会话 - https://www.imtqy.com/MiniProgram-contact.html

版权声明:如无特别声明,本文即为原创文章,仅代表个人观点,版权归 Quanyin 所有,未经允许禁止转载,经授权转载请注明出处!