Learn how to create a customized Fb feed in WordPress

Would you like to create a custom Facebook feed on your website?

Custom Facebook feeds allow you to view Facebook posts from your company page or group on your WordPress site to improve engagement.

In this article, we are going to show you how to easily create a custom Facebook feed in WordPress without slowing down your website.

Why Create a Custom Facebook Feed in WordPress?

Facebook is the largest social media platform in the world. As a website owner, you can already connect with your audience through your Facebook page or by creating a Facebook group.

However, any posts you make on Facebook will not be visible to your website visitors. By adding a custom Facebook feed, you can show your website visitors what is happening on your Facebook page or group.

This way, more users can see your posts and get more Facebook likes. If you use the Facebook remarketing / retargeting pixel on your website, you can also show your ads to these users on Facebook.

However, let’s take a look at how to add a custom Facebook feed to your WordPress site.

Since this is a comprehensive one, we created a simple table of contents:

Adding a custom Facebook feed plugin in WordPress

The first thing you need to do is install and activate Smash Balloon’s custom Facebook feed plugin. For more information, see our step-by-step guide on installing a WordPress plugin.

For our article, we are going to use the pro version of the Smash Balloon Facebook feed plugin as it has all the powerful features. There is also a free version that you can use as well.

After installing it, you need to visit the Facebook Feed »Settings Page in your WordPress admin and then go to the “License” tab to enter your activation code.

Enter the activation key for the Smash Balloon

Once you’ve activated your license key, you’re good to go.

Let’s start by adding your Facebook Page to your custom feed.

Connect your Facebook page feed to WordPress

SmashBalloon custom Facebook feed plugin allows you to create feeds for your Facebook pages and groups. You can create multiple Facebook feeds and even merge feeds together to create a custom feed.

To create a feed, you need to visit yours Facebook Feed »Settings Page for configuring the plugin. From here you need to hit the “Connect Facebook Account” button.

Connect your Facebook account

Next, you need to choose whether you want to join a Facebook Page or a group. Then click on the ‘Next’ button.

Continue Facebook connection

This will take you to the Facebook website where you will be asked to proceed with your Facebook account.

After that you will see a list of your Facebook Pages. Select the page that you want to include in your feed, then click Next.

Choose your Facebook page

Now Facebook is asking for your permission to allow Smash Balloon to manage pages for you. Click Done to grant permission.

Allow the plugin to manage your Facebook pages

You will now return to your WordPress website and see the list of sites you have authorized. Select your site and click the “Connect this site” button.

Facebook connected in WordPress

Your connected Facebook page is now displayed under the plugin settings.

Configured Facebook page

Don’t forget to hit the “Save Settings” button to save your custom Facebook feed.

We’ll show you how to add it to your blog post or pages later in this article. Before that, let’s see how to join a Facebook group to create a custom group feed for your website.

Connect your Facebook group feed to WordPress

You have to visit them first Facebook Feed »Settings Click the Connect Facebook Account button. Select “Facebook Group” from the drop-down menu and click “Next”.

Connect Facebook group

After clicking the “Next” button, you can choose which group you want to join.

Connect your Facebook group

Click the “Use Token for This Group” button and you will get the following message:

Connect the Smash Balloon app

Follow Step 1 above by clicking the “Here” link and then going to the “Apps” section on this page.

If you search for “Smash Balloon” you will see this:

Find the Smash Balloon app

Click that button to add the app and you are done.

Now you can see in the configuration section that your page and group are connected.

Connect Facebook group

Click on “Save Settings”.

Now it’s time to embed your Facebook feed on your WordPress website.

Create and display a custom Facebook feed in WordPress

Smash Balloon allows you to display custom Facebook feeds in a post, page, or sidebar widget. In our example it is embedded in a page.

First you have to go to yours Facebook Feed »Settings Page and scroll down to see the Facebook feed shortcode:

Copy and paste the Facebook feed shortcode

You’ll need to copy the shortcode and then open the WordPress content editor to create or edit a page where you want to embed the feed.

In the content editor, just click the (+) icon to add a shortcode block and paste the shortcode there:

[custom-facebook-feed]

Add a shortcode to the WordPress site

You can then save your page and preview it. Smash Balloon pulls and displays the latest posts from your Facebook page or group on your WordPress site.

Facebook feed on the WordPress site

View multiple Facebook feeds

Let’s say you want to display more than one custom Facebook feed on your WordPress blog. You can only add one page or group ID using the plugin’s settings.

However, you can easily use the shortcode to view other custom Facebook feeds that you want.

Just add the shortcode like this:

[custom-facebook-feed id=wpbeginner]

The plugin’s shortcode contains a number of parameters. You can visit the plugin’s website to see the full list of parameters that you can use.

Customize the look and feel of your Facebook feed

The plugin allows you to personalize the look and feel of your custom Facebook feed on your website. You can visit them Facebook Feed »Customize Settings edit page.

This section is divided into different tabs so that you can choose from numerous options.

Click the Post Layout tab.

Post layout settings

We chose the “Half Width” option so that the image and text are displayed evenly.

The next step is to select the “Style Posts” tab on the right. Here you can customize the look of the post and add a background or box shadow as a contrast.

screen

Once you’re happy with the layout, don’t forget to hit the Save Changes button and preview your feed.

Combine feeds to create a social wall

Do you want to expand your social feeds even further? Smash Balloon includes a WordPress Social Wall addon that allows you to combine your content from Facebook, Instagram, Twitter and YouTube into a single feed.

Smash Balloon Social Wall

This way you can maximize your engagement and gain followers on all social platforms.

We hope this article has helped you add a custom Facebook feed in WordPress. You might also want to check out our guide on adding web push notifications on your website for more traffic and our comparison of the best WordPress membership plugins for creating and selling courses on your website.

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

Comments are closed.