尋找終極聊天小部件?如果您的網路訪問者是狂熱的 Messenger 使用者,請添加 Facebook Messenger 小部件到您的網站。在這篇博文中,我們將向您展示如何添加 Facebook Messenger 到網站,以及在網站建設者中添加它的位置,例如 WordPress、Wix 和 Shopify.
![](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/624ea8d355966e2a52c1c629_CTA-03_7f4cb5919a7648c9eba892ea290a0a7a_800.png)
什麼是 Facebook Messenger 控件?
這 Facebook Messenger小部件是一個網站外掛程式,允許網站訪問者通過 Messenger 與您的 Facebook 主頁聊天。作為世界頂級的消息傳遞管道之一,許多客戶自然傾向於通過Messenger聊天。
![這是一張圖片 Facebook Messenger 控件。 Facebook Messenger Widget(也稱為 Facebook 聊天外掛程式)是一個網站外掛程式,允許您的網站訪問者通過 Messenger 與您的 Facebook 頁面聊天。如果您在英國 (UK)、美國 (US)、印度或菲律賓等地,請將 Messenger 視為終極聊天外掛程式。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4332955a6ea2c2e72a2c_ScreenShot2021-08-27at3_40_01PM_12245abf57b1ecf0a5373de455bb3960_800.png)
當網站訪問者通過小部件發送查詢時,您可以通過 Meta Business Suite 收件匣。這對於接收中低量消息並依賴 Facebook Messenger 用於客戶溝通。
<call-out> Do not mistake the Facebook Messenger widget with the Facebook Chat Plugin. While similar in some aspects, the Facebook Chat Plugin is no longer available from May 9, 2024. <call-out>
跨多個渠道處理大量對話或與客戶聊天的企業應使用全管道消息收件匣,例如 respond.io.除了簡化單個收件匣中的所有對話外,它還提供額外的好處,例如 高級自動化 和 分析。
為什麼使用 Facebook Messenger 控件
如果你正在利用 Facebook Messenger 要 提供客戶支援 或 推動銷售,您知道該平臺的有效性。考慮使用Facebook網路聊天的關鍵原因之一是它能夠創建持久的對話並建立聯繫人清單。
建立持久、一致的參與
使用傳統的網站聊天,一旦使用者離開您的網站,您將永遠失去使用者。您繼續對話的唯一希望是讓他們返回您的網站。將 Messenger 添加到您的網站後,情況就不再如此。
首先,Messenger小部件是您的客戶聯繫您並解決他們問題的最快工具。它確保客戶可以通過熟悉舒適的信使即時輕鬆地與您聯繫。
![您的所有信使小部件對話都將保存到 Facebook 收件匣。當您添加時,這是一個好處 Facebook Messenger 到您的網站。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6eaf45e729bf_ScreenShot2021-09-02at2_24_00PM_0aa2ded6ba0cf038eeed519c48ce2201_800.png)
它還支援直接在您的網站上進行個人通信,以提供技術支援、產品諮詢、訂購或預訂説明等。客戶可以在興趣高漲時聯繫您,以推動銷售轉化。
當您將 Facebook 聊天添加到網站時,聯繫人的聊天記錄將保存在 Meta Business Suite 的收件匣。這意味著,即使使用者已離開您的網站,您也可以繼續與在 Messenger 上與您聊天的使用者進行對話。
除了對話,您還可以看到他們的一些基本個人資料資訊,包括他們的姓名、個人資料圖片、生日和位置。這將説明您比任何即時聊天更好地為客戶提供服務,並隨著時間的推移與他們建立關係。
構建一個 Facebook Messenger 聯繫人清單
現在,人們可以使用 Facebook 客戶聊天功能通過 Facebook 輕鬆向您發送消息,他們將永遠添加到您的聯繫人清單中。
![這張圖片顯示了 Facebook Messenger 與電子郵件相比,打開和點擊率更高。現在,人們可以使用 Facebook 客戶聊天功能通過 Facebook 輕鬆向您發送消息,他們將永遠添加到您的聯繫人清單中。你可以想到一個 Facebook Messenger 訂閱者清單與電子郵件訂閱者清單的方式相同。將其用作與受眾的新溝通管道,甚至可以使用它來提供 Messenger 廣播,其打開率高達 92%。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6eef3fe729ec_facebook_widget_image_01_3b1caa785ca66b16106b10939dbae9d2_800.png)
你可以想到一個 Facebook Messenger 訂閱者清單與電子郵件訂閱者清單的方式相同。將其用作與受眾的新溝通管道,甚至使用它來發送 Messenger 廣播,其打開率高達 92%。
Messenger 小部件只是構建 Facebook Messenger 訂閱者清單。有 幾種方法可以增加您的 Messenger 聯繫人,包括 Facebook 評論自動回復 或 私人回復、 點擊 Messenger 廣告 或 連結 以及 Facebook 二維碼。
最後,請記住,客戶必須登錄他們的 Facebook 帳戶才能添加到您的聯繫人清單中。考慮到這一點,讓我們繼續下一節,您將學習如何將Messenger添加到網站。
如何創建小部件代碼
首先,讓我們談談Messenger小部件的設置過程。要添加 Facebook Messenger 對於一個網站,您需要依次執行以下兩個步驟:
- 創建一個 Facebook Messenger 小部件代碼
- 將 Messenger 小部件代碼添加到您的網站
如果您是需要開啟訪客模式的 B2B 企業,我們建議您設置您的 Facebook Messenger 小部件通過 respond.io.
您不僅可以自動執行 問候語 或 離開消息 以及 聊天路由 或 聯繫人分配等流程, respond.io 允許您將參考代碼添加到Facebook Messenger 用於識別聯繫人來源的小部件。大型企業應考慮此選項。
生成小部件代碼 respond.io
設置過程 Facebook Messenger 小部件很簡單, 可以按照以下步驟快速完成。
![這是一張顯示如何設置Messenger小部件的圖像。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/641d61ba65242e230720feab_screenshot-2023-03-23-at-54336-pm_824bac8b9c535f66c6fb82739a334705_800.jpeg)
要開始使用,請導航到 “設置 ” >“增長小組件”。然後,按下 “添加小組件 ”並選擇 “Facebook 小組件 ”,然後按兩 下“創建小組件”。
之後,輸入要添加聊天小部件的網站,然後選擇要為其創建小部件的帳戶。
![這是一個 gif,顯示了如何選擇帳戶來創建小部件。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/641d61ba65242ece9320feac_screenshot-2023-03-23-at-54433-pm_9ac3c2d183a1fefa85edd0273e246fc5_800.jpeg)
您可以通過按一下 「高級設置 」 按鈕來新增預填充文字或自訂小部件的外觀。最後,按兩 下「生成小部件」,複製生成的腳本並將其安裝在您的網站上。
如果您想通過多個渠道與客戶建立聯繫, 全管道小部件 可以提供説明。您還可以選擇 將網站聊天小部件添加到您的網站。
現在您已經成功設置了 Messenger 小部件,下一步是將生成的代碼安裝到您的網站上。接下來,我們將指導您完成安裝過程。
如何添加 Facebook Messenger 前往網站
導航您的 CMS 以添加聊天小部件可能會令人困惑。下面,您將找到在流行的網站構建器上安裝 Messenger 小部件代碼的說明,例如 WordPress、維克斯、 Shopify 和 Squarespace.
如何將Messenger添加到網站: WordPress
您現在可以通過以下方式安裝 Messenger 外掛程式 Meta 直接從側邊欄中的「外掛程式」選項卡中。雖然外掛程式本身是免費的,但僅適用於商業計劃訂閱者或專業計劃使用者,適用於舊計劃的使用者。
![這是一張圖片,向您展示了您現在如何通過以下方式安裝 Messenger 外掛程式 Meta 直接從側邊欄中的「外掛程式」選項卡中。雖然外掛程式本身是免費的,但僅適用於商業計劃訂閱者或專業計劃使用者,適用於舊計劃的使用者。如果您所在的位置是 Messenger 是終極聊天外掛程式,例如英國、美國、印度或菲律賓,請將其添加到您的 WordPress 網站。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e7fd9e729ce_ScreenShot2022-07-29at10_56_04AM_ae2a686d2130111de0c513ead0d97358_800.png)
要添加 Facebook Messenger 到網站上 WordPress,請按照以下說明操作:
- 搜索 Facebook Messenger 小部件並選擇它。
- 按兩下 「立即安裝」。
- 按兩下 啟動。
- 查找顯示 「客戶聊天」的選項卡。導航到 「入門 」部分,然後按兩 下編輯聊天外掛程式。
- 自訂您的聊天外掛程式並完成您的設置。
或者,將 Messenger 集成到 WordPress 使用 Messenger 小部件代碼的網站。這也需要通過付費牆。您可以通過幾種方式將 Messenger 小部件代碼添加到 WordPress,包括安裝頁眉和頁腳外掛程式。
1. 從外掛程式頁面添加您選擇的頁眉和頁腳外掛程式。
![準備好 Facebook 聊天外掛程式代碼後,您可以將頁眉和頁腳外掛程式添加到您的 wordpress 中。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6ef9a7e729bd_ScreenShot2022-07-29at11_52_30AM_3780b1f4de40d5e11d8d672329d4bd43_800.jpeg)
2. 導航 到頁眉和頁腳。
![添加頁眉和頁腳外掛程式後,導航到它。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e2eb2e729e4_WP2_4d953f50ba9acaca2b88e5f08d6bc44a_800.png)
3. 新增 Facebook Messenger 小部件腳本添加到頁腳。
![現在將 Facebook 客戶聊天外掛程式碼粘貼到 wordpress 網站的頁腳中。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6ebb7de729eb_WP3_80937b8193213f749743f1b437ff6489_800.png)
您現在已添加 Facebook Messenger 即時聊天到您的 WordPress 網站。
如何將Messenger添加到網站:Wix
如果您想將即時聊天添加到Wix網站怎麼辦?一旦你生成了一個 Facebook Messenger 小部件腳本,請按照以下步驟將其添加到您的Wix網站。請注意,您需要付費訂閱才能訪問此功能。
1. 導航到「設置」 >「高級設置」 > 「自訂代碼」。。
![現在你有了你的 Facebook Messenger 小部件代碼準備好,導航到Wix中的自訂代碼。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4330955a6ec858e729be_ScreenShot2022-07-20at2_05_43PM_b563dc079154f17171786268cc31d729_800.jpeg)
2. 貼上 Facebook Messenger 小組件代碼,然後選擇要應用代碼的頁面。確保將代碼放在 正文 - 末尾。
![帶上您的 Facebook 聊天外掛程式腳本並將其粘貼到自定義程式碼對話框中。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e0736e729cf_WixStep2_3f9082e6ce590b7a275daafe701ba192_800.png)
您現在已將 Facebook 聊天小部件添加到您的 Wix 網站。
![現在 Facebook Messenger 小部件將顯示在您的 Wix Website.](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4332955a6e5802e72a37_WixStep4_a5049d2beb1270d8994380266d8bac94_800.png)
如何將Messenger添加到網站: Shopify
獲得 Facebook 聊天小部件腳本後,請按照以下步驟進行集成 Facebook Messenger 變成一個 Shopify 網站。
1. 導航 到在線商店並編輯代碼。
![準備好 Facebook 客戶聊天外掛程式腳本後,導航到您的 shopify 主題並編輯代碼。如果您正在使用 Shopify 在印度、菲律賓、英國或美國等 Messenger 流行的國家/地區。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e5bdae72a4c_Shopify1_9222311e39fbf060940ff01258a9e03b_800.png)
2. 打開 footer.liquid 部分並粘貼 Facebook Messenger 小部件腳本。
![以 Facebook Messenger 小部件代碼並將其添加到您的 Spotify網站的footer.liquid部分。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6ec7d9e72a5b_Shopify2_b5a335efc57804262dcfc94ae519ac3c_800.png)
您現在已將 Facebook 聊天小部件添加到您的 Shopify 網站。
如何將Messenger添加到網站: Squarespace
一旦你有了Facebook聊天小部件腳本,就可以將Messenger嵌入到一個 Squarespace 網站。
1. 登入 Squarespace,選擇您的網站並打開 “設置”。
![一旦你有了你的 Facebook Messenger 小部件代碼就緒登錄 Squarespace 開始安裝過程。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6ec350e72a4d_SS1_862e297ff8243b57f35ef081683d720c_800.png)
2. 導航 到 高級設置。
![有一些方法可以添加 Facebook Messenger 到您的網站。集成 Facebook Messenger 進入你的 Squarespace 網站打開高級設置。這是添加的方法 Facebook Messenger 到您的網站。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e2663e72a5c_SS2_c10ae102c296fac60ddf68d2da902250_800.png)
3. 導航 到 代碼注入。
![有一些方法可以添加 Facebook Messenger 到您的網站。集成 Facebook Messenger 進入你的 Squarespace 網站開放代碼注入。這是添加的方法 Facebook Messenger 到您的網站。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4331955a6e533de729e3_SS3_7587b8efd92e682517e445a85c191782_800.png)
4. 貼上 Facebook Messenger 小部件腳本。
![此圖顯示了如何將聊天集成到您的域中。](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/62ee4333955a6e4fb0e72a5d_SS4_3f4c0e489e816784968c37d62b261798_800.png)
您現在已添加 Facebook Messenger 與您的網站進行即時聊天。
我們已經向您展示了如何創建Facebook聊天小部件代碼,並在一些最受歡迎的網站建設者上安裝Facebook聊天小部件。想要在 Messenger 小部件和其他管道上與客戶聊天,並在集中收件匣中訪問他們的聯繫方式和聊天記錄? 註冊 respond.io 立即帳戶 。
![](https://cdn.prod.website-files.com/6030eb20edb267a2d11d31f6/624ea8d355966e2a52c1c629_CTA-03_7f4cb5919a7648c9eba892ea290a0a7a_800.png)
延伸閱讀
這就是您添加 Messenger 小部件的方式 Facebook Messenger 到您的網站。如果您喜歡閱讀有關如何使用終極聊天小部件發展業務的資訊,請通過以下博客文章瞭解有關企業即時消息的更多資訊: