如何在WordPress中嵌入Facebook Group Feed

Do you want to embed posts from your Facebook group on your WordPress website?

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

Promoting your Facebook group on your WordPress website is a great way to boost engagement on your Facebook group. At the same time, it helps you get more traffic to your website in return.

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

In this article, we’ll show you how to easily add a Facebook group feed on your WordPress site.

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

为什么要在WordPress网站上添加Facebook组内容？ (Why Add Facebook Group Content on Your WordPress Site?)

Do you want to drive traffic from Facebook to your website without spending a dollar on Facebook ads?

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

Facebook groups are an easy way to do that. They are designed to build communities and with little effort, you can build a highly engaged audience around your brand and business.

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

We created our Facebook group called WPBeginner Engage last year. It already has more than 55,000 active users at the moment, and it is growing at an incredible pace.

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

However, if have just recently started a blog or website, then you will have to work hard on getting users to join your group and keeping them engaged at the same time.

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

One easy way to achieve this is by sharing your Facebook group posts on your WordPress site.

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

This gives your website visitors a chance to check out your group. Once they join it, you get the opportunity to promote your business and send highly motivated visitors back to your website.

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

That being said, let’s take a look a how to easily promote your Facebook group posts in WordPress.

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

如何在WordPress中添加Facebook组内容 (How to Add Facebook Group Content in WordPress)

We will be using the Smash Balloon Custom Facebook Feed Pro plugin to add content from your Facebook group to a WordPress site.

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

It is the best Facebook plugin for WordPress and allows you to share Facebook content on your website to boost engagement for your groups and Facebook pages.

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

First, you will need to add Smash Balloon’s Facebook app to the Facebook group that you want to use.

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

Adding the Smash Balloon App to Your Facebook Group

将Smash Balloon App添加到您的Facebook组

You need to visit your Facebook group and then click on the ‘Settings’ tab from the left-hand menu.

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

Note: You’ll need admin privileges for the group in order to install an app. If you are not the owner or admin of the group, then please ask an admin to follow these instructions.

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

Next, go to the bottom of the page where you will see the ‘Advanced Settings’ section. Here, you need to click on the ‘Apps’ pencil icon:

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

On the next screen, click on the ‘Add Apps’ button:

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

Then, go ahead and type ‘Smash Balloon’ into the search bar. The Smash Balloon app should appear. Simply click on it to continue.

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

You will then see a popup prompting you to confirm that you want to add the Smash Balloon app to your Facebook group. Just click ‘Add’ to continue.

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

You have now added the Smash Balloon app to your Facebook group.

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

Connecting WordPress to Your Facebook Group

将WordPress连接到您的Facebook组

Next, you need to install and activate the Custom Facebook Feed Pro plugin. For more details, see our step by step guide on how to install a WordPress plugin.

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

Upon activation, go to the Facebook Feed » Settings page in your WordPress dashboard. Here, you just need to click on the ‘Connect a Facebook account’ button.

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

Next, you’ll see a popup prompting you to select whether you want to display a page or a group. Select ‘Facebook Group’ from the dropdown then click the ‘Continue’ button.

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

You need to click to continue on a couple of Facebook prompts. After that, you will see a popup prompting you to select the Facebook group you want to use.

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

Simply click on your group’s name and then click the ‘Use token for this Group’ button.

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

You’ll then see a popup window explaining how to add the Smash Balloon app to your Facebook group. You have already done this, so go ahead and click the ‘Done’ button.

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

Don’t forget to click the ‘Save Settings’ button before moving on.

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

Adding Your Group’s Facebook Feed to Your Site

将您小组的Facebook订阅源添加到您的站点

You can add your group’s Facebook feed to your site straight away. The ‘feed’ contains posts from your Facebook group, shown with the most recent first.

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

Custom Facebook Feed Pro lets you embed your group content feed into posts, pages, or even in your sidebar.

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

We are going to add the Facebook feed into a new page on our site. To do this, go to Pages » Add New, then click the (+) icon to add a new block:

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

You will then see your Facebook group’s feed within the block editor. Go ahead and preview or publish your page to see it live on your site.

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

Note: We have added some styling to our group’s feed to make it look great on our site. We will explain how to do that in a moment.

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

Tip: Are some photos or posts missing from your feed? This means those users have set their privacy settings to prevent apps from accessing some or all of their content.

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

If you are using the classic editor, then you can add your feed to your page using the shortcode [custom-facebook-feed]. Just enter that wherever you want the group’s posts to appear on your page:

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

You can use the same shortcode to add your Facebook group’s feed in your sidebar or any widget-enabled area.

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

To do this, go to Appearance » Widgets in your WordPress dashboard. Next, add a text widget to your sidebar, then copy and paste the Custom Facebook Feed shortcode into it:

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

Customizing and Styling Your Facebook Group’s Feed

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

You may want to customize how your Facebook group’s feed displays on your site. To do this, go to Facebook Feed » Customize in your WordPress admin.

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

Here, you can change lots of settings about how your feed layout will display.

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

First, let’s go to ‘Post Layout’ and set the posts to ‘Half-width’. This ensures that the text displays alongside the image for each post. Don’t forget to click the ‘Save Changes’ button after making any changes.

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

We will also style the posts by clicking on the ‘Style Posts’ tab. We’re going to use the ‘Boxed’ style for our posts.

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

You may also want to set a rounded corner size of 10px and add a box shadow:

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

This is the styling that we applied to our Facebook group feed in the above screenshots. Go ahead and experiment with any other styles that you want to try on your site.

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

We hope this article helped you learn how to add a Facebook group on your WordPress website. You may also want to see our expert pick of the best Instagram plugins for WordPress, and the best email marketing services to help you convert Facebook group members into email subscribers.

我们希望本文能帮助您学习如何在WordPress网站上添加Facebook组。 您可能还希望看到我们的专家为WordPress选择最好的Instagram插件 ，以及最好的电子邮件营销服务，以帮助您将Facebook组成员转换为电子邮件订阅者。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube频道 WordPress****。 您也可以在Twitter和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-embed-a-facebook-group-feed-in-wordpress/