如何文章

加 Facebook Messenger 到網站: A Messenger 小部件指南 [10 月 22 日]

Gerardo Salandra
首席執行官, Respond.io
八月 3, 2022

尋找終極聊天外掛程式?如果您的網路訪問者是狂熱的 Messenger 使用者,添加一個 Facebook Messenger 小部件到您的網站。在這篇博文中,我們將向您展示如何添加 Facebook Messenger 到網站,以及在哪裡添加 Facebook 網站建設者上的聊天外掛程式,例如 WordPress、Wix 和 Shopify.

什麼是 Facebook Messenger 控件?

Facebook Messenger 小部件(或 Facebook 聊天外掛程式)是一個網站外掛程式,允許網站訪問者與您的聊天 Facebook 頁面通過 Messenger.作為世界頂級的消息傳遞管道之一,客戶自然傾向於聊天Messenger.

這是一張圖片 Facebook Messenger 控件。 Facebook Messenger 小部件(也稱為 Facebook 聊天外掛程式)是一個網站外掛程式,允許您的網站訪問者與您的聊天 Facebook 頁面通過 Messenger.如果您位於英國 (UK)、美國 (US)、印度或菲律賓等地,請考慮 Messenger 作為終極聊天外掛程式。
對於終極聊天外掛程式,請安裝 Messenger 網站上的小部件

當網站訪問者通過小部件發送查詢時,您可以通過 Meta 商務套房收件匣。這對於接收中低量消息並依賴 Facebook Messenger 用於客戶溝通。

處理大量對話或跨多個管道與客戶聊天的企業應使用全管道消息收件匣,例如 respond.io.除了簡化單個收件匣中的所有對話外,它還提供了其他好處,例如高級自動化和分析

為什麼使用 Messenger 控制項: Facebook 聊天外掛程式的好處

如果您正在利用 Facebook Messenger 為了 提供客戶支援 推動銷售,您知道該平臺的有效性。考慮使用的關鍵原因包括 Facebook 網路聊天是它創建持久對話和建立聯繫人清單的能力。

Facebook 聊天外掛程式創建持久、一致的參與

使用傳統的網站聊天,一旦使用者離開您的網站,您將永遠失去使用者。您繼續對話的唯一希望是讓他們返回您的網站。添加后不再如此 Messenger 到您的網站。

首先, Messenger 小部件是您的客戶與您聯繫並解決他們的問題的最快工具。它確保客戶可以在熟悉且舒適的信使上立即輕鬆地與您聯繫。

您的所有信使小部件對話都將保存到 Facebook 收件匣。當您添加時,這是一個好處 Facebook Messenger 到您的網站。
添加時保存聯繫人資訊和聊天記錄 Messenger 到網站

它還可以直接在您的網站上進行個人通信,以提供技術支援,產品諮詢,訂單或預訂説明等。客戶可以在興趣高漲時與您聯繫,以推動銷售轉化。

當您添加時 Facebook 聊天到網站,聯繫人的聊天記錄保存在 Meta 商務套房的收件匣。這意味著您可以恢復與與您聊天的用戶的對話 Messenger 即使他們離開了您的網站。

除了對話,您還可以看到他們的一些基本個人資料資訊,包括他們的姓名,個人資料圖片,生日和位置。這將説明您比任何即時聊天更好地為客戶提供服務,並隨著時間的推移與他們建立關係。

加 Messenger 到網站建立一個 Facebook Messenger 聯繫人清單

現在人們可以輕鬆地通過 Facebook 用 Facebook 客戶聊天,他們將永遠添加到您的聯繫人清單中。

這是一張圖像,顯示 Facebook Messenger 具有比電子郵件更高的打開率和點擊率。現在人們可以輕鬆地通過 Facebook 用 Facebook 客戶聊天,他們將永遠添加到您的聯繫人清單中。你可以想到一個 Facebook Messenger 訂閱者清單與電子郵件訂閱者清單的方式相同。將其用作與受眾的新溝通管道,甚至使用它來提供 Messenger 廣播,其打開率高達92%。
加 Facebook 聊天外掛程式: Facebook Messenger 參與率高於電子郵件

你可以想到一個 Facebook Messenger 訂閱者清單與電子郵件訂閱者清單的方式相同。將其用作與受眾的新溝通管道,甚至使用它來發送 Messenger 廣播,其打開率達到了驚人的92%。

這 Messenger 小部件只是構建的一種方式 Facebook Messenger 訂閱者清單。有 幾種發展方式 Messenger 聯繫人,包括 Facebook 評論自動 回復或 私人回復點擊進入 Messenger 廣告連結 以及 Facebook 二維碼

客戶必須登錄到其 Facebook 要添加到您的聯繫人清單的帳戶。您無法新增在訪客模式下向您發送訊息的客戶。請繼續閱讀,瞭解添加時是否要啟用或禁用訪客模式 Facebook 與網站聊天。

Facebook 聊天外掛程式:訪客模式

Facebook 在 2020 年引入了訪客模式,允許客戶通過以下方式與商家聊天 Messenger 小部件無需登錄他們的 Facebook 帳戶。要進入訪客模式,只需在開始對話之前點擊以訪客身份繼續。

"客人模式"為客戶提供了匿名與公司聊天的靈活性。但該功能對企業有一些缺點。

這是帶有 A 的圖像 Facebook Messenger 帶有訪客模式按鈕的小部件。 Facebook 在 2020 年引入了訪客模式,允許客戶通過以下方式與商家聊天 Messenger 小部件無需登錄他們的 Facebook 帳戶。要進入訪客模式,只需點擊以訪客身份繼續。正是這種靈活性使 Facebook Messenger 英國、美國、印度、菲律賓等地的終極聊天外掛程式。
Facebook Messenger 具有訪客模式的小部件

首先,客戶模式阻止企業與客戶建立持久的聯繫。一旦客人結束聊天或從談話開始 24 小時開始,企業就無法重新打開客人對話,以先到者為準。

在訪客模式下提供個性化的客戶體驗也是不可能的,因為您無法訪問任何客戶資訊。在訪客模式下與您聊天的使用者的姓名將顯示為訪客,後跟一個簡短的數位字串。

值得慶幸的是,您可以在小部件設置過程中禁用「客人模式」。請繼續閱讀,瞭解如何閱讀。

如何設置 Facebook Messenger 小部件:創建小部件代碼

首先,我們來談談 Messenger 小部件設置過程。要添加 Facebook Messenger 對於一個網站,您需要按順序執行以下兩個步驟:

  • 創建一個 Facebook Messenger 小部件代碼
  • 添加 Messenger 您網站的小部件代碼

您可以生成一個 Messenger 小部件代碼 Meta 商務套房或 respond.io.雖然這兩個平臺具有相同的目的,但它們提供不同的功能。

Meta 商務套房為您提供了禁用訪客模式的選項。B2C 公司應該選擇這一點,因為關閉訪客模式可以讓他們捕獲潛在客戶,提供個人化的客戶體驗並在客戶離開網站後重新吸引他們。

也就是說,禁用訪客模式可能會拒絕想要保持匿名的 B2B 買家。如果您是需要開啟訪客模式的 B2B 企業,我們建議您設置訪客模式 Facebook 聊天外掛程式通過 respond.io.

您不僅可以自動發送 問候 語或 離開消息 以及 聊天路由聯繫人分配等流程, respond.io 允許您將參考代碼添加到Messenger 用於識別聯繫人來源的小部件。大型企業應考慮此選項。

生成一個 Messenger 小部件代碼 Meta 商務套房

添加方法如下 Facebook Messenger 到任何使用 Meta 商務套房。從您的 Facebook 頁:

  1. 導航到您的 Meta 商務套房並打開收件匣
  2. 按兩下設置圖示,然後選擇「 查看所有設置」。
  3. 選擇聊天外掛程式
  4. 點擊 設置

要根據需要定製小部件的功能,請從清單中選擇所需的自動化和自定義,然後按兩下 設置”然後,選擇要用於生成 Messenger 小部件代碼。

1. 按兩下 藍色的 「設置 」 按鈕。

這是一張顯示如何生成 Messenger 小部件代碼打開 Facebook 商務套房收件匣。按兩下藍色的設定按鈕開始安裝您的 Facebook 聊天外掛程式。
Facebook 聊天外掛程式 Meta 商務套房

2. 選擇Facebook 您要使用的聊天外掛程式設定方法。如果您在清單中看到您的網站構建器,請選擇它。否則,請選擇 “標準”。

這是一張顯示如何生成 Messenger 小部件代碼打開 Facebook 商務套房收件匣。選擇要在其上安裝 Messenger 控件。
選擇您的網站建立器(如果它位於清單中)或選擇 標準

3. 為 聊天外掛程式選擇您的首選語言。然後按下「 保存並繼續」。

這是一張顯示如何生成 Messenger 小部件代碼打開 Facebook 商務套房收件匣。選擇您想要的語言 Facebook Messenger 要顯示的小組件,例如美國 (US) 的美式英語或英式英語。
選擇語言

4. 為您希望顯示聊天外掛程式的所有網站添加域。確保粘貼在代碼生成器中的域不包含頁面。完成後按下 「保存並繼續 」。

這是一張顯示如何生成 Messenger 小部件代碼打開 Facebook 商務套房收件匣。添加語言(例如美式英語(美國))后,添加您想要的網站的域 Facebook Messenger 要顯示的小部件。
添加網站功能變數名稱

5. 按下「複製代碼」 按鈕以複製代碼。然後按兩下一步

這是顯示如何添加的圖片 Facebook Messenger 到網站。按兩下複製代碼“,然後按兩下一步。
複製代碼

6. 將 代碼片段粘貼到您的網站。再往下,我們將簡要向您展示將此代碼添加到何處 WordPress, Wix, Shopify 和 Squarespace.

這是顯示如何添加的圖片 Messenger 到網站。將代碼粘貼到您的網站。瞭解如何將此代碼添加到 Wordpress、Wix、 Shopify 和 Squarespace.
將外掛程式代碼段貼到您的網站上

完成後按一下 完成 。你 Messenger 小部件現在可以使用了。或者,您可以為您的 Messenger 控件。

6. 關閉 「客人聊天」切換以禁用「訪客模式」。您可以在自訂聊天外掛程式下找到切換。

這是一張顯示如何關閉訪客模式的圖像 Facebook Messenger Widget.關閉訪客聊天切換開關以禁用訪客模式。您可以在自訂您的聊天外掛程式下找到切換開關。
禁用客人模式

然後,按兩下「發佈」以使更改生效。這就是您安裝的方式 Facebook Messenger 在網站上聊天!或者,您可以創建一個 Messenger 小部件代碼打開 respond.io.

生成一個 Messenger 小部件代碼打開 respond.io

要創建一個 Messenger 小部件代碼打開 respond.io,您需要一個 respond.io 帳戶。然後,請按照下列步驟操作:

1. 導航到 通道模組。然後,按 添加頻道 連接 Facebook 頁。

首先在 respond.io 擋泥板
如何製作 Messenger 網站小部件:渠道模組

2. 選擇 Messenger 從頻道清單中。

在為創建腳本之前 Facebook Messenger 小部件,您將需要連接您的 Facebook 頁面到 respond.io 平臺。
如何製作 Messenger 網站小部件: Respond.io 通道連接

3. 按 連接 Facebook.登錄到 Facebook 對您要關聯的主頁具有管理員訪問許可權的帳戶。

這是顯示如何添加的圖片 Facebook Messenger 自 respond.io 按連接方式 Facebook.登錄到 Facebook 對您要關聯的主頁具有管理員訪問許可權的帳戶。
連接 Facebook

如果您管理多個主頁,您可以選擇哪個主頁 Facebook 要連接到的頁面。按完成 完成 設置。

4. 按 聊天外掛程式開始創建 Facebook Messenger 小部件代碼。

開始創建 Facebook 客戶聊天外掛程式,方法是按聊天外掛程式 Respond.io 頻道頁面。
如何製作 Messenger 網站小部件: Respond.io 頻道頁面

5. 將您的網站添加到 白名單。這是添加所必需的 Facebook Messenger 到您的網站。

在插入 Facebook 自訂聊天外掛程式代碼到您的網站,您需要將您的網站域添加到白名單中。
如何製作 Messenger 網站小部件: Facebook Messenger 小部件白名單

6.複製 文稿並將其粘貼到網站的頁腳中。

最後一步是添加 Facebook 聊天外掛程式腳本到您的網站。
如何製作 Messenger 網站小部件: Facebook Messenger 小部件腳本

添加Facebook 聊天小部件代碼到您的網站,你就有了它——你的 Facebook 聊天外掛程式應該已啟動並運行。

現在,您可能想知道如何添加 Facebook 聊天到您的網站。這取決於您的內容管理系統。我們將引導您完成一些有關如何添加的方法 Messenger 到流行的網站建設者的網站。

如何添加 Messenger 使用小部件代碼到網站

導航 CMS 以添加聊天外掛程式可能會令人困惑。下面,您將找到安裝 Messenger 流行的網站構建器上的小部件代碼,例如 WordPress, Wix, Shopify 和 Squarespace.

如何添加 Facebook Messenger 小部件代碼到 WordPress 網站

您現在可以安裝 Messenger 外掛程式由 Meta 直接從側邊欄中的外掛程式選項卡。雖然外掛程式本身是免費的,但對於舊計劃的使用者,安裝僅適用於商業計劃訂閱者或專業計劃使用者。

這是一張圖片,向您展示了您現在可以如何安裝 Messenger 外掛程式由 Meta 直接從側邊欄中的外掛程式選項卡。雖然外掛程式本身是免費的,但對於舊計劃的使用者,安裝僅適用於商業計劃訂閱者或專業計劃使用者。如果您在以下位置 Messenger 是終極聊天外掛程式,例如英國,美國,印度或菲律賓,將其添加到您的 WordPress 網站。
WordPress 專業版或商業版訂閱者可以安裝 Facebook 直接聊天外掛程式

要安裝 Facebook 聊天外掛程式 上 WordPress,請按照以下說明操作:

  1. 尋找 Facebook 聊天外掛程式並選擇它。
  2. 按兩下 「立即安裝」。
  3. 按兩下 “啟動”。
  4. 查找顯示「 客戶聊天」的選項卡。導航到入門部分 然後按兩下 編輯聊天外掛程式
  5. 自訂您的聊天外掛程式並完成設置。

或者,集成 Messenger 變成一個 WordPress 通過使用 Messenger 小部件代碼。這也需要通過付費牆。有幾種方法可以添加 Messenger 小部件代碼到 WordPress,包括安裝頁眉和頁腳外掛程式。

1. 從外掛程式頁面添加您選擇的頁眉和頁腳外掛程式。

一旦你擁有 Facebook 聊天外掛程式代碼準備就緒,您可以將頁眉和頁腳外掛程式添加到您的 WordPress 中。
添加頁眉和頁腳外掛程式

2. 導航到頁 眉和頁腳。

添加頭和腳外掛程式後,導航到它。
如何集成 Facebook Messenger 在網站上:打開頁眉和頁腳控制台

3. 新增 Facebook Messenger 頁腳的小部件腳本。

現在粘貼 Facebook 客戶聊天外掛程式代碼到您的WordPress網站的頁腳中。
如何集成 Facebook Messenger 在網站上:將腳本添加到頁眉和頁腳控制台

您現在已經添加了 Facebook Messenger 即時聊天到您的 WordPress 網站。

如何添加 Facebook 聊天外掛程式代碼到 Wix Website

如果您想將即時聊天添加到Wix網站怎麼辦?生成 Facebook Messenger 小部件腳本,請按照以下步驟將其添加到您的Wix網站。請注意,您需要付費訂閱才能訪問此功能。

1. 導航到 「設置」>」自定義代碼>「高級設置」。。

現在你有了你的 Facebook Messenger 小部件代碼準備就緒,導航到Wix中的自定義代碼。
加 Messenger 小部件代碼到Wix

2. 貼上 Facebook Messenger 小組件代碼,然後選擇要應用代碼的頁面。確保將代碼放在 Body - end 中。

帶你去 Facebook 聊天外掛程式腳本並將其粘貼到自定義代碼對話框中。
填寫自定義代碼表單

您現在已經添加了 Facebook 聊天外掛程式到您的Wix網站。

現在 Facebook Messenger 小部件將顯示在您的 Wix Website.
您的新 Facebook 聊天外掛程式已安裝

如何添加 Facebook 聊天小部件到 Shopify

一旦你擁有 Facebook 聊天外掛程式腳本,按照這些步驟進行您需要集成 Facebook Messenger 變成一個 Shopify 網站。

1. 導航 到在線商店並編輯代碼。

一旦你有了你的 Facebook 客戶聊天外掛程式腳本準備就緒,導航到您的 shopify 主題並編輯代碼。如果您正在使用,這是值得做的 Shopify 在一個 Messenger 很受歡迎,例如印度、菲律賓、英國(UK)或美國(US)。
Shopify Messenger 聊天:編輯您的在線商店代碼

2.打開 頁腳.液體部分並粘貼 Facebook Messenger 小部件腳本。

拿 Facebook Messenger 小部件代碼並將其添加到您的 Spotify 網站的 footer.liquid 部分。
Shopify Messenger 聊天:添加腳本

您現在已添加 Facebook 聊天外掛程式在您的 Shopify 網站。

如何添加 Facebook Messenger 小部件代碼到 Squarespace

一旦你擁有 Facebook 聊天外掛程式腳本,是時候嵌入了 Messenger 在一個 Squarespace 網站。

1. 登入 Squarespace,選擇您的網站並打開 設置

一旦你有了你的 Facebook Messenger 小部件代碼準備就緒 登錄到 方形空間 開始安裝過程。
打開您的網站設置

2. 導航到「高級設置」。

有多種方法可以添加 Facebook Messenger 到您的網站。要集成 Facebook Messenger 進入你的 Squarespace 網站打開高級設置。這是如何添加 Facebook Messenger 到您的網站。
打開高級設置

3. 導航到代碼注入

有多種方法可以添加 Facebook Messenger 到您的網站。要集成 Facebook Messenger 進入你的 Squarespace 網站開放代碼注入。這是如何添加 Facebook Messenger 到您的網站。
開放式代碼注入

4. 貼上 Facebook Messenger 小部件腳本。

有多種方法可以添加 Facebook Messenger 到您的網站。要集成 Facebook Messenger 進入你的 Squarespace 網站添加腳本。這是如何添加 Facebook Messenger 到您的網站。
添加腳本

您現在已經添加了 Facebook Messenger 即時聊天到您的網站。

我們已經向您展示了如何創建您的 Facebook 聊天小部件代碼和安裝 Facebook 一些最受歡迎的網站建設者上的聊天外掛程式。想要在 上與客戶聊天 Messenger 小部件和其他管道,以及在集中收件匣中訪問他們的聯繫方式和聊天記錄? 註冊獲取 respond.io 現在帳戶

進一步閱讀

這就是你如何得到一個 Messenger 要添加的小部件 Facebook Messenger 到您的網站。如果您喜歡閱讀有關如何使用終極聊天外掛程式發展業務的資訊,請通過以下博客文章瞭解有關企業即時消息的更多資訊:

標籤
複製到剪貼簿!

準備好開始了嗎?

謝謝!您被重定向到註冊表單。
哎呀!出了問題,刷新瀏覽器,再試一次。
謝謝!您的提交已收到!
哎呀!提交表格時出了問題。
開始14天免費試用