
先前曾分享過像Tawk或Zopim的免費線上客服系統,無論在操作還是設定都很簡單方便,但免費版總有些限制,像是人數限制或是歷史對話記錄,所以梅干也曾分享過WhatsHelp,將Facebook、Line、What’s APP,變成線上客服系統,雖然說可解決人數與對話記錄的問題,但比較麻煩一點是,WhatsHelp只是在網站中,提供一個連結按鈕,當使用者點下後,則會要求使用者開啟相關的應用程式,並且透過應用程式,才可以進行對談。
因此在上個月Facebook官方正式推出「顧客聊天外掛程式」服務,就是將Facebook Message嵌入到網站中,因此使用者只需登入Facebook帳號,就可透過「顧客聊天外掛程式」線上即時進行對話,同時當對方發送訊息時,管理者端也會在Facebook Message的面板中,即時的收到訊息,並透過Message來進行回覆,不但可解決一對多,也可保留所有的對話記綠,因此是一個相當不錯的客服系統,所以有在經營EC的朋友,Facebook 「顧客聊天外掛程式」可千萬別錯過了。
相關網站
Facebook建立APP:https://developers.facebook.com/https://developers.facebook.com/
取得Facebook ID:https://findmyfbid.com/
取得Facebook ID:https://findmyfbid.com/
Step1
進入Facebook APP的開發者畫面後,點右上的「新增應用程式」鈕。

Step2
再輸入應用程式的名稱與Email。

Step3
建立好應用程式後,再切到「應用程式審查」,將是否發佈設為「是」。

Step4
當設為發佈時,應用程式會出現綠色燈號,並將應用程式下方的編號複製起來。

Step5
將下方的Code貼到head結尾上方。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> window.fbAsyncInit = function() { FB.init({ appId : '應用程式編號', autoLogAppEvents : true, xfbml : true, version : 'v2.11' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> |
Step6
接著進到Facebook粉絲頁,並點上方的「設定」,再選擇左邊的「Messenger平台」,再將要嵌入的網址,填到下方的輸入框中。

Step7
接著再到以下的網站中,取得Facebook的ID。

Step8
都取得好後,再將下方的Code貼到body中間。
1 2 3 4 |
<div class="fb-customerchat" page_id="Facebook ID" minimized="true"> </div> |
Step9
都好之後,在畫面右上角,就會看到一個Facebook圖示。

Step10
點一下再登入Facebook帳號,就可與客服人員,線上進行對談。

Step11
當有人發送訊息時,在自己的Message中也會收到訊息,這時就可即時的回覆啦!有了這個功能後,真的很方便啦!無論換誰值班,都可知道先前的對話內容啦!
