Facebook Messenger 是將即時聊天工具嵌入你的網站的最簡單方法！ 聊天工具是和你的訪客 Facebook 帳號相連結的，這樣他們總是可以訪問該賬號。以下是你的訪客會在你的網站上看到的樣子：
你需要：
- Facebook 公共主頁（也叫 Facebook 專頁、粉絲頁或 Facebook Page）（點擊瞭解如何創建公共主頁）
- Facebook 開發者賬號（點擊瞭解如何註冊帳號）
- Strikingly 專業版賬號（點擊升級套餐）
- 帶 HTTPS 安全證書的自訂網域（點擊瞭解如何啟動 HTTPS）
以上都有了嗎？太好了，那我們開始吧！
1. 獲取的Facebook賬號開發者ID。
這是一串很長的數字。例如，Strikingly自己的App ID是138736958550286。你可以點擊這個頁面查看你的帳號ID：https://developers.facebook.com/apps/。
2. 取得您的Facebook公共主頁ID。
這是另一串很長的數字。例如，Strikingly的主頁ID為211998345516663。要查找你的主頁ID，請在你的Facebook公共主頁，點擊主頁封面照片下方的“簡介”選項卡>“公用首頁」資訊公示” > 取得您的公開首頁編號。
3. 在你的Facebook公開主頁管理設定中，點擊“高級訊息功能”，把你的網址添加到白名單中（必須使用https前面的網址！），點擊添加。
4. 將程式碼新增至您的Strikingly網站編輯器。
將以下程式碼顯示貼上到「設定」>「顯示進階選項」>「自訂程式碼」>「頁尾程式碼」。確保將紅色粗體部分替換為你自己的Facebook開發者帳號應用ID和Facebook公用主頁ID ！
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '你的Facebook開發者帳號應用ID',
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/xfbml.customerchat.js";;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat"
messenger_app_id="你的Facebook開發者帳號應用ID"
page_id="你的Facebook公用首頁ID"
ref="test">
</div>
5. 點擊儲存並發佈你的網站，讓您的Facebook Messenger即時聊天程式碼生效。訪客就可以在你的網站上與您聊天了。
6. 你可以在Meta 頁面的「收件匣」看到訪客的訊息。
進入 Meta 頁面 並登錄你的 Facebook 賬號，點擊收件箱 > 右上角的齒輪，選擇“查看所有設置”。
2. 在左邊選擇“聊天外掛程式”，然後點擊“設定”。
提示：在“聊天外掛程式”這個頁面，還可以設定問候語、歡迎消息、聊天按鈕外觀等。設定後記得點擊“發佈”。
3. 然後選擇“標準方式”進入聊天外掛程式設定頁面。
- 第1步：設定語言
- 第2步：添加網域（使用 https 首碼）
- 第3步，點擊“複製程式碼”，然後點擊下一步。
- 第4步，粘貼程式碼，點擊“完成”。
4. 複製程式碼後，請回到你的 Strikingly 編輯器，打開設定 > 高級選項 > 自訂程式碼 > 頁腳程式碼。然後粘貼你的程式碼。
5. 發佈你的網站，使你的 Facebook Messenger 即時聊天程式碼生效。訪客就可以在你的網站與你聊天了。
6. 你可以在 Meta 頁面的“收件箱”看到訪客的消息。
如果有任何問題，請隨時與我們聯絡：support@strikingly.com。
你也可以到我們 24小時服務的線上即時客服咨詢（僅限英文，中文客服服務時間為：周一至周五，早上9點至晚上9點，GMT+8）。