Our work, their stories
今天我們要了解的，是許多電商小程序都需要的客服會(huì)話(huà)功能。利用微信提供的「客服消息」組件，小程序可以輕松做出客服會(huì)話(huà)模塊。
在小程序中加入客服消息按鈕
想讓小程序接入微信「客服消息」功能模塊，你只需要在小程序中，觸發(fā)微信的客服消息功能即可，不需要在小程序和后端中，自行實(shí)現(xiàn)一套客服系統(tǒng)。
你有兩個(gè)方法在小程序中加入客服消息按鈕，兩種方法各有利弊。大家可以根據(jù)自己的實(shí)際需求，進(jìn)行選用。
1. 插入固定樣式的客服消息按鈕
微信為客服消息按鈕，設(shè)計(jì)了一個(gè)初始樣式。
想要調(diào)用它也很簡(jiǎn)單，只需要在 WXML 代碼中，插入 <contact-button></contact-button>，固定樣式的客服按鈕就會(huì)出現(xiàn)在界面中。
利用這種方法做出的客服消息按鈕，其樣式已經(jīng)被固定，且顏色只能選擇黑白兩色。唯一可以真正自定義的項(xiàng)目，則是這個(gè)按鈕的尺寸大小。
2. 插入自定義樣式的客服消息按鈕
利用 WXML 中 <button> 組件的 open-type 屬性，我們也可以在小程序的界面中，插入自定義樣式的客服消息按鈕。
<button open-type='contact'>聯(lián)系客服</button>
相比較第一種方法，使用這種方法，你可以在 WXSS 中為按鈕添加自己的樣式，讓客服消息按鈕與整體頁(yè)面更和諧。
無(wú)論使用哪一種方法，用戶(hù)都可以通過(guò)點(diǎn)擊客服消息按鈕，進(jìn)入聊天界面，與你的小程序客服直接溝通。
收發(fā)客服消息
微信為小程序提供了「微信公眾平臺(tái)客服功能」，已經(jīng)綁定為客服的人員，可以直接打開(kāi)客服功能頁(yè)面（mpkf.weixin.qq.com）掃碼登錄，就能與小程序用戶(hù)進(jìn)行溝通。
1. 為小程序綁定客服人員
首先，小程序管理員需要為小程序綁定客服人員，客服人員才能進(jìn)入客服功能，與小程序用戶(hù)進(jìn)行溝通。
具體綁定方法是：
使用小程序帳戶(hù)，登錄至微信公眾平臺(tái)。
點(diǎn)擊左側(cè)邊欄的「客服消息」鏈接，進(jìn)入「客服消息」功能模塊。
點(diǎn)擊右側(cè)的「添加」按鈕，并在彈出框中，輸入客服人員個(gè)人微信號(hào)?？梢蕴砑佣鄠€(gè)客服人員的微信號(hào)。
確認(rèn)添加，點(diǎn)擊「確定」即可。
2. 客服人員登錄客服功能
添加完成后，小程序的客服人員可以使用自己的個(gè)人微信，掃碼登錄進(jìn)入「微信公眾平臺(tái)客服功能」。
客服功能使用起來(lái)非常簡(jiǎn)單，就像是在用微信網(wǎng)頁(yè)版一樣。只要小程序的用戶(hù)發(fā)起會(huì)話(huà)，客服人員就可以在客服功能中與用戶(hù)進(jìn)行溝通。
需要注意的是，客服人員只能在用戶(hù)發(fā)送消息后的 48 小時(shí)內(nèi)回復(fù)用戶(hù)。如果用戶(hù)發(fā)起會(huì)話(huà)超過(guò) 48 小時(shí)，客服人員將無(wú)法回復(fù)該用戶(hù)。
