Tips on how to Embed Fb Feed in WordPress (Straightforward Information)

Looking for an easy way to embed a Facebook feed in WordPress?

Displaying your Facebook updates on your website encourages your visitors to engage with your Facebook page — right on your site! It’s also a great way to establish brand awareness and boost page reach, without spending a lot on Facebook advertising.

If you use the Facebook plugin to add your Facebook feed to your site, it’s hard to customize your feed’s design if you don’t have any coding skills.

So in this article, we’ll show you how to embed a Facebook feed on WordPress with no technical knowledge needed.

Ready? Let’s begin.

Methods for Embedding Facebook Feeds on WordPress

There are 2 main ways to embed Facebook feeds on your WordPress website:

  1. Use Facebook’s plugin to manually embed your Facebook feed on your website.
  2. Use an authentic WordPress plugin to connect your Facebook account and automatically add your feed with just a few clicks.

The 1st method for displaying Facebook feeds comes with a lot of limitations, especially to beginners. After all, using Facebook’s plugin is pretty confusing since it involves multiple webpages and copying and pasting lots of code snippets into your WordPress.

Also, there’s no way to fully customize the default Facebook plugin design if you don’t have any HTML, iFrame or Javascript coding knowledge.

Manually adding your feed using Facebook’s plugin comes with a lot of risks as well.

If you are looking to hire a WordPress Developer, then you need a perfect guide for this. As many people claim to be WordPress developer experts but only a few are real masters. I’m sure WordPress developers would love to brush up on their skills and see how they stack up against the current best practices and trends in the field using this guide.

You can potentially break your website if you have even the tiniest error in your code snippet. And if you encounter any problems while manually embedding your Facebook feed, you don’t have any support team who can readily help you.

But if you use a WordPress plugin to embed your Facebook feed, you won’t have those issues at all.

Embed Facebook Feed in WordPress Easily

There’s an easy way to add your Facebook feed to your website using the best Facebook feed plugin for WordPress: Custom Facebook Feed Pro.

best facebook feed plugin wordpress

This user-friendly plugin makes creating and embedding Facebook feeds in WordPress so easy even complete beginners can use it.

In fact, the plugin’s so easy and intuitive to use that you can easily set it up and display your Facebook feed on your website in less than 5 minutes!

With no technical knowledge needed, you can create completely customizable and responsive Facebook feeds that boost your user engagement and improve your SEO rankings. Plus, the plugin offers lots of customization choices you can use to design your Facebook feed the way you want.

Worried about the plugin slowing down your site? You don’t need to be. Since it’s built with the users in mind, the plugin is designed to be blazing fast so you won’t have any problems with your site’s loading time.

Finally, the plugin comes with a team of WordPress experts behind it. Feel free to send them a message while you’re embedding your Facebook feed and they’ll be happy to assist you with your concerns.

With an outstanding 4.8/5 star rating, Custom Facebook Feed Pro is well-recommended by its 200,000+ users. Interested to know what else the plugin can do to take your Facebook page to the next level? Take a look at the plugin’s full list of features here.

best facebook feed plugin wordpress review

Having said that, let’s take a look at how to embed a Facebook feed on WordPress using the Custom Facebook Feed Pro plugin.

Step 1: Install Custom Facebook Feed Pro Plugin

To add your Facebook feed to your site, the first thing you need to do is get your copy of Custom Facebook Feeds Pro here.

After downloading the plugin to your computer, the next step is to install and activate it on your website. If you need a refresher on how to do this, check out this helpful post on how to install a WordPress plugin.

Step 2: Connect Your Facebook Account

Once you’re done installing and activating the plugin, the next step is connecting it to your Facebook account.

To do this, visit your WordPress dashboard first. Then, navigate to Facebook Feeds » Settings. From here, click the blue Connect a Facebook Account button.

embed facebook feed in wordpress connect

The plugin also helps you embed your feed from your Facebook page or Facebook group. Want to embed a Facebook group?

We’ll focus on adding a Facebook feed from a page on this tutorial. So, choose the Facebook Page option and click Continue.

embed facebook page feed in wordpress

Then, simply follow the onscreen instructions to link your account to the plugin. Once you’ve successfully connected your Facebook page to the plugin, you should see it appear on your settings page, like this:

embed facebook feed in wordpress configuration

You can also scroll down to start configuring your Facebook feed’s settings. If you feel like coding isn’t for you, the plugin has you covered with its easy-to-change options. No need for you to tweak code snippets or hire a developer to help you.

For example, you can easily change the source of posts, number of posts to show and frequency of checking for new posts just by clicking on the options — it’s that easy!

embed facebook feed in wordpress settings

After you’re done configuring the settings, remember to click on the Save Settings button and proceed to the next step.

Step 3: Select the Facebook Feed Type You’ll Display

The plugin makes it super easy for you to customize the content of your Facebook feed — you just need to check or uncheck boxes to control the post types you’ll be displaying.

To get started, scroll up to the topmost area of your settings page. Then, navigate to Customize » General. You’ll then be directed to the general customization page where you can easily change your Facebook feed’s width, height, padding and even background color.

best facebook feed plugin wordpress settings

To choose the types of posts you’ll display on your feed, scroll down until you see the Post Types section. Checking a specific post type lets you display it, while unchecking it lets you hide it from your Facebook feed.

In this post, we’ll show all post types on our Facebook feed so we’ll leave everything checked.

Facebook feed post types

Want to customize the post types you’re displaying? Feel free to tweak the settings as you’d like.

For instance, if you want to embed a Facebook feed containing photos only, just check Photos only and leave everything else unchecked. This way, you can embed your Facebook photos feed on your WordPress, like this:

embed facebook feed in wordpress photos

Or, if you want your Facebook feed to display videos only, then check Videos and uncheck the remaining post types. Doing so allows you to embed a Facebook videos feed on WordPress, just like the example below.

embed facebook feed in wordpress videos

After you’ve chosen the post types you want your Facebook feed to display, don’t forget to click on Save Changes.

Step 4: Customize Your Facebook Feed’s Layout

To change how your Facebook feed is displayed, scroll to the topmost part of your settings page and click on the Post Layout tab. We’ve chosen half-width layout for our tutorial.

embed facebook feed in wordpress post layout

Here’s how your Facebook feed will look like using the half-width post layout:

embed facebook feed in wordpress half width

If you want your Facebook feed to have larger-sized posts, you can select the full-width layout so it looks similar to this example:

embed facebook feed in wordpress layout

Once you’re happy with how your Facebook feed looks like, click the Save Changes button. Then, you can go ahead and move to the final step below.

Step 5: Embed Your Facebook Feed in WordPress

Custom Facebook Feed Pro helps you easily add your Facebook feed on your website’s post, page and widget-ready areas.

Embed Your Facebook Feed in WordPress Page

To start adding your Facebook feed to your page, you need to create a new page first. You can do this by visiting your WordPress dashboard and navigating to Pages » Add New.

add new page

The plugin works seamlessly with both the classic and block editor.

If you’re using the classic WordPress editor, you can just copy this shortcode and paste it into your page: [custom-facebook-feed]

embed facebook feed in wordpress classic editor

Or, if you’re using the block WordPress editor instead, click the Plus (+) icon. Then, type “facebook” into the search field and click on the Custom Facebook Feed block to add it to your page.

embed facebook feed in wordpress block

Adding the Custom Facebook Feed block into your editor automatically creates a preview of your Facebook feed. Feel free to tweak the page title or customize the feed’s design if you’d like.

And if you’re satisfied with how it looks like, click Publish to successfully embed your Facebook feed on your WordPress page.

embed facebook feed in wordpress publish

Embed Your Facebook Feed in WordPress Sidebar

What if you want to add your Facebook feed as a widget on your sidebar area? You can easily do this with the help of the best Facebook feed plugin for WordPress.

First, go to your WordPress dashboard and navigate to Appearance » Widgets. Then, drag the Text widget over to your website’s sidebar area.

embed facebook feed in wordpress widget

Remember the shortcode you copied earlier: [custom-facebook-feed]

Just paste it into the widget editor area and click save to preserve your settings.

Now, your Facebook feed will be embedded automatically on your sidebar area, like this:

embed facebook feed in wordpress widget example

And now we’re done — it’s as simple as that!

We hope this article helped you how to embed a Facebook feed in WordPress. Now, you can easily do this to supercharge your page engagement and increase your followers.

So, what are you waiting for?

Let the best Facebook feed plugin for WordPress help you grow your business in no time!

Leave a Comment