如何在WordPress中嵌入Facebook Group Feed


您是否要將來自Facebook組的帖子嵌入到WordPress網站上?

在WordPress網站上推廣Facebook群組是增加與Facebook群組互動的好方法。 同時,它可以幫助您獲得更多的網站流量。

在本文中,我們將向您展示如何輕鬆地在WordPress網站上添加Facebook組供稿。

將Facebook群組供稿添加到您的WordPress網站

為什麼要在WordPress網站上添加Facebook組內容?

您是否想在不花一美元購買Facebook廣告的情況下將流量從Facebook吸引到您的網站?

Facebook群組是實現此目的的簡便方法。 他們旨在建立社區,而您只需付出很少的努力,就可以圍繞品牌和業務建立高度參與的受眾。

去年,我們創建了一個名為WPBeginner Engage的Facebook組。 目前,它已經有超過55,000個活躍用戶,並且以驚人的速度增長。

但是,如果最近才開始創建博客或網站,那麼您將必須努力使用戶加入您的論壇並保持他們的參與度。

一種簡單的方法是在WordPress網站上共享您的Facebook組帖子。

這使您的網站訪問者有機會簽出您的組。 一旦他們加入,您將有機會推廣您的業務,並將積極性高的訪問者送回您的網站。

話雖如此,讓我們看一下如何輕鬆地在WordPress中推廣您的Facebook組帖子。

完成的Facebook組供稿顯示在我們的演示網站上

如何在WordPress中添加Facebook組內容

我們將使用Smash Balloon Custom Facebook Feed Pro插件將您Facebook組中的內容添加到WordPress網站。

它是適用於WordPress的最佳Facebook插件,可讓您在網站上共享Facebook內容,以提高小組和Facebook頁面的參與度。

首先,您需要將Smash Balloon的Facebook應用添加到您要使用的Facebook組中。

將Smash Balloon App添加到您的Facebook組

您需要訪問您的Facebook組,然後從左側菜單中單擊“設置”選項卡。

單擊您的Facebook組的“設置”選項卡

注意:您需要具有該組的管理員權限才能安裝應用。 如果您不是論壇的所有者或管理員,請請管理員按照以下說明進行操作。

接下來,轉到頁面底部,您將看到“高級設置”部分。 在這裡,您需要單擊“應用程序”鉛筆圖標:

點擊Apps旁邊的鉛筆圖標

在下一個屏幕上,點擊“添加應用”按鈕:

單擊添加應用程序按鈕以將新應用程序添加到您的Facebook組中

然後,繼續,在搜索欄中輸入“粉碎氣球”。 此時將顯示“粉碎氣球”應用。 只需單擊它即可繼續。

搜索並選擇“粉碎氣球”應用

然後,您將看到一個彈出窗口,提示您確認是否要將Smash Balloon應用程序添加到Facebook組。 只需點擊“添加”即可繼續。

現在,您已將Smash Balloon應用程序添加到您的Facebook組。

將WordPress連接到您的Facebook組

接下來,您需要安裝並激活Custom Facebook Feed Pro插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,轉到 Facebook Feed»設置 WordPress信息中心中的頁面。 在這裡,您只需要單擊“連接Facebook帳戶”按鈕。

將您的Facebook帳戶連接到Custom Facebook Feed插件

接下來,您將看到一個彈出窗口,提示您選擇要顯示頁面還是組。 從下拉列表中選擇“ Facebook組”,然後單擊“繼續”按鈕。

從下拉菜單中選擇Facebook組,然後單擊以繼續

您需要單擊以繼續出現幾個Facebook提示。 之後,您將看到一個彈出窗口,提示您選擇要使用的Facebook組。

只需單擊您組的名稱,然後單擊“對該組使用令牌”按鈕。

選擇您要在網站上使用的組

然後,您將看到一個彈出窗口,解釋如何將Smash Balloon應用程序添加到您的Facebook組。 您已經完成了此操作,因此繼續並單擊“完成”按鈕。

單擊彈出窗口上的“完成”按鈕以繼續設置您的Facebook組供稿

不要忘記在繼續操作之前單擊“保存設置”按鈕。

點擊已關聯帳戶詳細信息下方的保存按鈕以保存更改

將您小組的Facebook提要添加到您的站點

您可以立即將群組的Facebook feed添加到您的站點。 “提要”包含您Facebook組中的帖子,以最新的開頭顯示。

使用自定義Facebook Feed Pro,您可以將網上論壇內容供稿嵌入到帖子,頁面甚至邊欄中。

我們將把Facebook feed添加到我們網站上的新頁面中。 為此,請轉到 頁»添加新,然後單擊(+)圖標添加一個新塊:

將Facebook feed區塊添加到頁面

然後,您將在塊編輯器中看到Facebook組的提要。 繼續並預覽或發布您的頁面,以將其實時顯示在您的網站上。

注意: 我們在小組的供稿中添加了一些樣式,以使其在我們的網站上看起來不錯。 我們將在稍後說明如何執行此操作。

完成的Facebook組供稿顯示在我們的演示網站上

小費: Feed中是否缺少一些照片或帖子? 這意味著這些用戶已設置其隱私設置,以阻止應用訪問​​其部分或全部內容。

如果您使用的是經典編輯器,則可以使用簡碼將提要添加到頁面中 [custom-facebook-feed]。 只要輸入您希望論壇帖子顯示在頁面上的位置即可:

使用WordPress中的經典編輯器將小組的帖子添加到頁面

您可以使用相同的簡碼將Facebook組的供稿添加到側邊欄或任何啟用了小部件的區域中。

為此,請轉到 外觀»小部件 在您的WordPress儀表板中。 接下來,在邊欄中添加一個文本小部件,然後將“自定義Facebook Feed”短代碼複製並粘貼到其中:

向小部件添加自定義Facebook feed

自定義和样式化您的Facebook組的供稿

您可能需要自定義Facebook組的供稿在網站上的顯示方式。 為此,請轉到 Facebook Feed»定制 在您的WordPress管理員中。

在這裡,您可以更改許多有關Feed佈局顯示方式的設置。

首先,讓我們轉到“帖子佈局”並將帖子設置為“半角”。 這樣可以確保文本顯示在每個帖子的圖像旁邊。 進行任何更改後,請不要忘記單擊“保存更改”按鈕。

在您小組的Facebook feed中將帖子設置為寬度的一半

我們還將通過單擊“樣式帖子”選項卡來樣式化帖子。 我們將在帖子中使用“盒裝”樣式。

您可能還需要將圓角的大小設置為10px並添加一個框陰影:

在您的Facebook feed中添加樣式以創建舍入框

這是我們在上面的屏幕快照中應用於Facebook組供稿的樣式。 繼續嘗試您要在網站上嘗試的任何其他樣式。

我們希望本文能幫助您學習如何在WordPress網站上添加Facebook組。 您可能還希望看到我們的專家為WordPress選擇最好的Instagram插件,以及最好的電子郵件營銷服務,以幫助您將Facebook小組成員轉換為電子郵件訂閱者。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。