微信小程式開發常用技巧(8)——給你的小程式新增一個客服會話

微信小程式開發常用技巧(8)——給你的小程式新增一個客服會話

今天我們給小程式新增一個簡單的客服功能。客服人員可以直接使用微信公眾平臺網頁版客服工具進行客服訊息回覆。
首先來看看頁面長什麼樣:
這裡寫圖片描述
應該已經看到了底部的客服圖示按鈕。接下來看看程式碼,程式碼也很簡單。

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

是不是很簡單。接下需要做的是在後臺配置客服人員微信,然後通過網頁版客服工具就可以進行測試了。快去試試吧!