如何在 WordPress 中嵌入 Facebook 群组 Feed

您想将 Facebook 群组中的帖子嵌入您的 WordPress 网站吗?

在您的 WordPress 网站上推广您的 Facebook 群组是提高 Facebook 群组参与度的好方法.同时,它可以帮助您获得更多网站流量作为回报.

在本文中,我们将向您展示如何在您的 WordPress 网站上轻松添加 Facebook 群组供稿.

Adding a Facebook group feed to your WordPress site

为什么要在您的 WordPress 网站上添加 Facebook 群组内容?

您想在不花一分钱在 Facebook 广告上的情况下将流量从 Facebook 吸引到您的网站吗?

Facebook 群组是一种简单的方法.它们旨在建立社区,只需很少的努力,您就可以围绕您的品牌和业务建立高度参与的受众.

我们去年创建了名为 WPBeginner Engage 的 Facebook 群组.目前,它已经拥有超过 55,000 名活跃用户,而且还在以惊人的速度增长.

但是,如果最近刚开始创建博客或网站,那么您必须努力让用户加入您的群组并同时保持他们的参与度.

实现这一目标的一种简单方法是在您的 WordPress 网站上分享您的 Facebook 群组帖子.

这让您的网站访问者有机会查看您的群组.一旦他们加入,您就有机会宣传您的业务,并将积极性高的访问者送回您的网站.

话虽如此,让我们来看看如何在 WordPress 中轻松推广您的 Facebook 群组帖子.

The finished Facebook group feed showing on our demo website

如何在 WordPress 中添加 Facebook 群组内容

我们将使用 Smash Balloon Custom Facebook Feed Pro 插件将您 Facebook 群组中的内容添加到 WordPress 网站.

它是 WordPress 的最佳 Facebook 插件,允许您在您的网站上分享 Facebook 内容,以提高您的群组和 Facebook 页面的参与度.

首先,您需要将 Smash Balloon 的 Facebook 应用添加到您要使用的 Facebook 群组.

将 Smash Balloon 应用添加到您的 Facebook 群组

您需要访问您的 Facebook 群组,然后单击左侧菜单中的"设置"选项卡.

Click on the Settings tab for your Facebook group

注意:您需要该群组的管理员权限才能安装应用.如果您不是群组的所有者或管理员,请让管理员按照这些说明进行操作.

接下来,转到页面底部,您将看到"高级设置"部分.在这里,您需要点击"应用"铅笔图标:

Click on the pencil icon next to Apps

在下一个屏幕上,点击"添加应用"按钮:

Click the Add Apps button to add a new app to your Facebook group

然后,继续并在搜索栏中输入"Smash Balloon".Smash Balloon 应用程序应该会出现.只需点击它即可继续.

Search for and select the Smash Balloon app

然后您会看到一个弹出窗口,提示您确认要将 Smash Balloon 应用程序添加到您的 Facebook 群组.只需点击"添加"即可继续.

您现在已将 Smash Balloon 应用添加到您的 Facebook 群组.

将 WordPress 连接到您的 Facebook 群组

接下来,您需要安装并激活自定义 Facebook Feed Pro 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,转到Facebook Feed » WordPress 仪表板中的设置页面.在这里,您只需点击"连接 Facebook 帐户"按钮即可.

Connect your Facebook account to the Custom Facebook Feed plugin

接下来,您会看到一个弹出窗口,提示您选择是要显示页面还是组.从下拉菜单中选择"Facebook 群组",然后点击"继续"按钮.

Select Facebook Group from the dropdown menu and click to continue

您需要单击以继续执行几个 Facebook 提示.之后,您将看到一个弹出窗口,提示您选择要使用的 Facebook 群组.

只需点击您的群组名称,然后点击"为此群组使用令牌"按钮.

Select the group that you want to use on your website

然后您会看到一个弹出窗口,说明如何将 Smash Balloon 应用程序添加到您的 Facebook 群组.您已完成此操作,请继续点击"完成"按钮.

Click the Done button on the popup to continue setting up your Facebook group feed

在继续之前不要忘记点击"保存设置"按钮.

Click the Save button below your connected account details to save your changes

将您群组的 Facebook Feed 添加到您的网站

您可以立即将群组的 Facebook 提要添加到您的网站."提要"包含来自您的 Facebook 群组的帖子,显示在最前面.

自定义 Facebook Feed Pro 可让您将群组内容提要嵌入到帖子、页面甚至侧边栏中.

我们将把 Facebook 提要添加到我们网站的新页面中.为此,请转至 页面 »添加新,然后单击 (+) 图标添加新块:

Adding the Facebook feed block to a page

然后您将在区块编辑器中看到您的 Facebook 群组的供稿.继续预览或发布您的页面,以便在您的网站上实时查看.

注意:我们为群组的供稿添加了一些样式,使其在我们的网站上看起来很棒.我们稍后会解释如何做到这一点.

The finished Facebook group feed showing on our demo website

提示:您的供稿中是否缺少某些照片或帖子?这意味着这些用户已经设置了他们的隐私设置,以防止应用访问他们的部分或全部内容.

如果您使用的是经典编辑器,那么您可以使用短代码 [custom-facebook-feed] 将您的提要添加到您的页面.只需在您希望群组帖子出现在您页面上的任何位置输入:

Adding your group's posts to a page using the classic editor in WordPress

您可以使用相同的短代码在侧边栏或任何启用小部件的区域中添加 Facebook 群组的供稿.

为此,请转到外观» WordPress 仪表板中的小部件.接下来,向侧边栏添加一个文本小部件,然后将自定义 Facebook 提要短代码复制并粘贴到其中:

Adding a custom Facebook feed to a widget

自定义和设计您的 Facebook 群组动态

您可能希望自定义 Facebook 群组的提要在您网站上的显示方式.为此,请转至 Facebook Feed »在您的 WordPress 管理员中自定义.

在这里,您可以更改有关 Feed 布局显示方式的许多设置.

首先,让我们转到"帖子布局"并将帖子设置为"半宽".这确保文本显示在每个帖子的图像旁边.进行任何更改后,不要忘记单击"保存更改"按钮.

Setting your posts to be half width in the Facebook feed from your group

我们还将通过单击"样式帖子"选项卡来设置帖子样式.我们将在帖子中使用"盒装"样式.

您可能还想将圆角大小设置为 10px 并添加框阴影:

Adding styling to your Facebook feed to create rounded box posts

这是我们在上面的屏幕截图中应用于 Facebook 群组提要的样式.继续尝试您想在网站上尝试的任何其他样式.

我们希望本文能帮助您了解如何在您的 WordPress 网站上添加 Facebook 群组.您可能还想看看我们为 WordPress 精选的最佳 Instagram 插件和最佳电子邮件营销服务,以帮助您将 Facebook 群组成员转化为电子邮件订阅者.

3

发表回复