小程式添加線上客服功能

小程式加入客服功能

（學習影片分享：程式設計影片）

一、需要在小程式中加入一個客服訊息按鈕

小程式接入微信「客服訊息」功能模組，開發者只需要呼叫按鈕，觸發微信的客服訊息功能即可，不需要自行在小程式中實現。

加入客服訊息按鈕有兩個方法，大家可以依照自己的實際需求，選擇一個方法。

1. 插入固定樣式的客服訊息按鈕

微信為客服訊息按鈕，設計了一個初始樣式。

想要呼叫它也很簡單，只要在 WXML 程式碼中，插入 ，固定樣式的客服按鈕就會出現在介面中。

利用此方法做出的客服訊息按鈕，其樣式已經固定，且顏色只能選擇黑白兩色。唯一可以真正自訂的項目，則是這個按鈕的尺寸大小。

2. 插入自訂樣式的客服訊息按鈕

利用WXML 中  元件的 open-type 屬性，我們也可以在小程式的介面中，插入自訂樣式的客服訊息按鈕。

聯絡客服

比較第一種方法，使用這種方法，你可以在WXSS 中為按鈕添加自己的樣式，讓客服訊息按鈕與整體頁面更和諧。

無論使用哪一種方法，使用者都可以透過點擊客服訊息按鈕，進入聊天介面，與你的小程式客服直接溝通。

收發客服訊息

微信為小程式提供了「微信公眾平台客服功能」，已經綁定為客服的人員，可以直接開啟客服功能頁面（mpkf.weixin.qq. com）掃碼登錄，就能與小程式用戶溝通。

1. 綁定客服人員

首先，小程式管理員需要為小程式綁定客服人員，客服人員才能進入客服功能，與小程式使用者溝通。

具體綁定方法是：

使用小程式帳戶，登入微信公眾平台（mp.weixin.qq.com）。點擊左側邊欄的「客服訊息」鏈接，進入「客服訊息」功能模組。點選右側的「新增」按鈕，並在彈出框中，輸入客服人員個人微訊號。可新增多個客服人員的微訊號。確認添加，點選“確定”即可。

2. 進入客服

新增完成後，小程式的客服人員可以使用自己的個人微信，掃碼登入進入「微信公眾平台客服功能」。

客服功能使用起來非常簡單，就像是用微信網頁版一樣。只要小程式的使用者發起會話，客服人員就可以在客服功能中與使用者溝通。

要注意的是，客服人員只能在用戶發送訊息後的 48 小時內回覆用戶。如果使用者發起會話超過 48 小時，客服人員將無法回覆該使用者。

相關推薦：小程式開發教學

以上是小程式添加線上客服功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！