跳到主要内容

您是否要将来自Facebook组的帖子嵌入到WordPress网站上?

在WordPress网站上推广Facebook群组是增加与Facebook群组互动的好方法。同时,它可以帮助您获得更多的网站流量。

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

如何在wordpress中嵌入facebook Group Feed
如何在wordpress中嵌入facebook Group Feed

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

您是否想在不花一美元购买Facebook广告的情况下将流量从Facebook吸引到您的网站?

Facebook群组是实现此目的的简便方法。他们旨在建立社区,而您只需付出很少的努力,就可以围绕品牌和业务建立高度参与的受众。

去年,我们创建了一个名为WPBeginner Engage的 Facebook组。目前,它已经有超过55,000个活跃用户,并且以惊人的速度增长。

但是,如果最近才开始创建博客或网站,那么您将必须努力使用户加入您的论坛并保持他们的参与度。

一种简单的方法是在WordPress网站上共享您的Facebook组帖子。

这使您的网站访问者有机会签出您的组。一旦他们加入,您将有机会推广您的业务,并将积极性高的访问者送回您的网站。

话虽如此,让我们看一下如何轻松地在WordPress中推广您的Facebook组帖子。

如何在WordPress中添加Facebook组内容

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

它是适用于WordPress的最佳Facebook插件,可让您在网站上共享Facebook内容,以提高小组和Facebook页面的参与度。

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

将Smash Balloon App添加到您的Facebook组

您需要访问您的Facebook组,然后从左侧菜单中单击“设置”选项卡。

注意:您需要具有该组的管理员权限才能安装应用。如果您不是论坛的所有者或管理员,请请管理员按照以下说明进行操作。

接下来,转到页面底部,您将在其中看到“高级设置”部分。在这里,您需要单击“应用程序”铅笔图标:

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

然后,继续,在搜索栏中输入“粉碎气球”。此时将显示“粉碎气球”应用。只需单击它即可继续。

然后,您将看到一个弹出窗口,提示您确认是否要将Smash Balloon应用程序添加到Facebook组。只需点击“添加”即可继续。

现在,您已将Smash Balloon应用程序添加到您的Facebook组。

将WordPress连接到您的Facebook组

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

激活后,转到WordPress仪表板中的Facebook Feed»设置页面。在这里,您只需要单击“连接Facebook帐户”按钮。

接下来,您将看到一个弹出窗口,提示您选择要显示页面还是组。从下拉列表中选择“ Facebook组”,然后单击“继续”按钮。

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

只需单击您组的名称,然后单击“对该组使用令牌”按钮。

然后,您将看到一个弹出窗口,解释如何将Smash Balloon应用程序添加到您的Facebook组。您已经完成了此操作,因此继续并单击“完成”按钮。

不要忘记在继续操作之前单击“保存设置”按钮。

将您小组的Facebook提要添加到您的站点

您可以立即将群组的Facebook feed添加到您的站点。“提要”包含您Facebook组中的帖子,以最新的开头显示。

使用自定义Facebook Feed Pro,您可以将网上论坛的内容Feed嵌入到帖子,页面甚至边栏中。

我们将把Facebook feed添加到我们网站上的新页面中。为此,请转到Pages»Add New,然后单击(+)图标添加一个新块:

然后,您将在块编辑器中看到Facebook组的提要。继续并预览或发布您的页面,以将其实时显示在您的网站上。

注意:我们在小组的供稿中添加了一些样式,以使其在我们的网站上看起来不错。我们将在稍后说明如何执行此操作。

提示: Feed中是否缺少一些照片或帖子?这意味着这些用户已设置其隐私设置,以阻止应用访问其部分或全部内容。

如果您使用的是经典编辑器,则可以使用简码 将提要添加到页面中[custom-facebook-feed]。只要输入您希望论坛的帖子显示在页面上的位置即可:

您可以使用相同的简码将Facebook组的供稿添加到侧边栏或任何启用了小部件的区域中。

为此,请转到WordPress信息中心中的外观»小部件。接下来,在边栏中添加一个文本小部件,然后将“自定义Facebook Feed”短代码复制并粘贴到其中:

自定义和样式化您的Facebook组的供稿

您可能需要自定义Facebook组的供稿在网站上的显示方式。为此,请转至Facebook Feed»在WordPress管理员中自定义

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

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

我们还将通过单击“样式帖子”选项卡来样式化帖子。我们将在帖子中使用“盒装”样式。

您可能还需要将圆角的大小设置为10px并添加一个框阴影:

这是我们在上面的屏幕快照中应用于Facebook组供稿的样式。继续尝试您要在网站上尝试的任何其他样式。

回到顶部