>[danger] **[點此進入芝麻小客服官網](https://xiaokefu.com.cn/?source=kanyun_mia_1010958)** <br> 在小程序內添加客服按鈕，請參考官方文檔：[客服按鈕文檔] (https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/receive.html) 或參考芝麻客服參考代碼：[https://github.com/hotapp8/xiaokefu](https://github.com/hotapp8/xiaokefu) 以下是部分代碼參考： >注意：客服入口可以有多個。位置及樣式均可自定義。 小游戲請參考[官方文檔](https://developers.weixin.qq.com/minigame/dev/api/open-api/customer-message/wx.openCustomerServiceConversation.html) <br> <br> ### 打開客服 ``` <button type='default' open-type='contact'> 打開客服 (普通客服) </button> ``` ### 固定的客服頭像和昵稱 ``` <button type='default' session-from='{"nickName":"趙麗穎","avatarUrl":"https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=956547549,964120469&fm=58"}' open-type="contact"> 帶頭像客服 （固定頭像）</button> ``` ### 通過后端傳遞用戶的頭像和昵稱（請注意其中的參數需要動態賦值） ``` <button type='default' session-from='{"nickName":"{{userInfo.nickName}}","avatarUrl":"{{userInfo.avatarUrl}}"}' open-type="contact" >帶頭像客服（微信頭像）</button> ``` ### 傳遞用戶瀏覽哪個產品，跟蹤用戶來源 ``` <button type='default' session-from='{"source":"產品BBBB","nickName":"{{userInfo.nickName}}","avatarUrl":"{{userInfo.avatarUrl}}"}' open-type="contact" >指定消息來源</button> ``` ### 指定客服 ``` <button type='default' session-from='{"kefu":["126","127"],"nickName":"{{userInfo.nickName}}","avatarUrl":"{{userInfo.avatarUrl}}"}' open-type="contact"> 指定客服</button> ``` ### 卡片消息，聊天頁面可發送圖片卡片給客服 ``` <button open-type='contact' send-message-title="會話內消息卡片" send-message-path="/pages/index/index" send-message-img="https://imgsa.baidu.com/baike/pic/item/562c11dfa9ec8a13918d4ed4fb03918fa0ecc06b.jpg" show-message-card="true">卡片消息</button> ``` </h> </h> <br> <br> <br> <br> >[danger] **[點此進入芝麻小客服官網](https://xiaokefu.com.cn/?source=kanyun_mia_1010958)** <br>  </h> </h>