1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Facebook 官方終於可將Messenger嵌入網站,變成線上客服系統

Facebook 官方終於可將Messenger嵌入網站,變成線上客服系統

2017/12/11

梅問題-Facebook可將Messenger嵌入網站變成線上客服系統

  先前曾分享過像Tawk或Zopim的免費線上客服系統,無論在操作還是設定都很簡單方便,但免費版總有些限制,像是人數限制或是歷史對話記錄,所以梅干也曾分享過WhatsHelp,將Facebook、Line、What’s APP,變成線上客服系統,雖然說可解決人數與對話記錄的問題,但比較麻煩一點是,WhatsHelp只是在網站中,提供一個連結按鈕,當使用者點下後,則會要求使用者開啟相關的應用程式,並且透過應用程式,才可以進行對談。


  因此在上個月Facebook官方正式推出「顧客聊天外掛程式」服務,就是將Facebook Message嵌入到網站中,因此使用者只需登入Facebook帳號,就可透過「顧客聊天外掛程式」線上即時進行對話,同時當對方發送訊息時,管理者端也會在Facebook Message的面板中,即時的收到訊息,並透過Message來進行回覆,不但可解決一對多,也可保留所有的對話記綠,因此是一個相當不錯的客服系統,所以有在經營EC的朋友,Facebook 「顧客聊天外掛程式」可千萬別錯過了。


相關網站


Step1
進入Facebook APP的開發者畫面後,點右上的「新增應用程式」鈕。
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step2
再輸入應用程式的名稱與Email。
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step3
建立好應用程式後,再切到「應用程式審查」,將是否發佈設為「是」
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step4
當設為發佈時,應用程式會出現綠色燈號,並將應用程式下方的編號複製起來。
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


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>

梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step6
接著進到Facebook粉絲頁,並點上方的「設定」,再選擇左邊的「Messenger平台」,再將要嵌入的網址,填到下方的輸入框中。
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step7
接著再到以下的網站中,取得Facebook的ID。
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step8
都取得好後,再將下方的Code貼到body中間。

1
2
3
4
<div class="fb-customerchat"
  page_id="Facebook ID"
  minimized="true">
</div>

梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step9
都好之後,在畫面右上角,就會看到一個Facebook圖示。
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step10
點一下再登入Facebook帳號,就可與客服人員,線上進行對談。
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統


Step11
當有人發送訊息時,在自己的Message中也會收到訊息,這時就可即時的回覆啦!有了這個功能後,真的很方便啦!無論換誰值班,都可知道先前的對話內容啦!
梅問題-Facebook將Messenger嵌入網站中,變成線上客服系統