How to Embed Facebook Feed in WordPress

How to Embed Facebook Feed in WordPress Easily (Beginner’s Guide)

By Lianne Laroya on October 19, 2021

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 web pages 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.

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.

facebook feed widget example

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.

best facebook feed plugin wordpress review

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.

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 the 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 Feed 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: Create a New Facebook Feed

Since you now have the Custom Facebook Feed Pro plugin on your site, it’s time to create your Facebook feed.

First, go to the Facebook Feed » All Feeds menu from your WordPress dashboard. 

On the new page, just click on the Add New button at the top.

add new feed with custom facebook feed pro

Next, you can pick the type of Facebook feed that you want.

There are 9 different options to pick from here, such as timeline feeds, reviews feeds, photos feeds, albums feeds, videos feeds, and much more.

all the facebook feed types

To proceed, you can just pick the feed type that you want and then click on Next.

For this tutorial, we’ll be using a timeline feed.

select facebook feed type

And now you’ve created your new Facebook feed. After this, you can go ahead and connect it to Facebook in step 3.

Step 3: Connect Your New Feed to Facebook

If you want your feed to display content from Facebook, you’ll have to connect it to a Facebook page or group first.

To get started with that, click on the Add New button.

add new source for facebook feed

After that, the plugin will ask you to pick between a Facebook group or page. Just select the option you prefer and then click on Connect.

pick between group or page for facebook feed

Now, the plugin will send you to Facebook so you can choose the page or group that you want to connect to your feed.

On the popup, just select the Facebook page or group and then click on Next.

select the facebook pages

The plugin will now ask for read-only access to your Facebook account so that it can show your Facebook posts.

With this access, it can only read your posts and can’t actually make any changes. So, Custom Facebook Feed Pro is completely safe.

Now just click on Done to give the read-only access.

what is smash balloon allowed to do

This will bring you back to your website. Here, just click on the Add button to add the Facebook page or group as a source.

add new source confirmation

With that, you can just click on the Next button to finally connect your feed to Facebook.

pick your source for custom facebook feed pro

After creating your feed and connecting it to Facebook, it’s time to go to step 4, where you customize the design of your Facebook feed.

Step 4: Customize Your Facebook Feed

Now that you’ve connected your feed to Facebook, it will be open in the live feed editor.

On the left panel of the live feed editor, you can find all the customization options for the feed. With these, you can change the feed type, layout, color scheme, header design, like box, post style, and much more.

custom facebook feed pro live editor

And on the right, you can see a live preview of your Facebook feed which shows all of your changes.

First, click on the Feed Layout option to go ahead and customize the layout of your Facebook feed.

select the facebook feed layout

For your Facebook feed, you get 4 different feed layout options: List, Grid, Masonry, and Carousel.

facebook feed layout options

The first option is the list layout which shows your Facebook posts in a single column.

As a result, each Facebook post gets more room on the page, so it’s more visible.

list layout for facebook feed

Next, you have the grid layout that can show a ton of Facebook posts at the same time. In this layout, your posts will be shown in rows and columns, with each post taking less space.

grid layout for your facebook feed

You can also go for the masonry layout, which shows your Facebook posts in multiple columns.

If you want to keep the original proportions of your Facebook posts, then this layout is for you.

masonry feed layout for facebook

Want to give your visitors more control over how they see your Facebook posts? You can try the Facebook carousel layout in that case.

carousel feed layout for facebook group feed

After you select the feed layout option that you prefer, just click on Save.

To see the main customization options again, click on the Customize button.

go back to facebook customization options

With that, you can go on and change the colors of your Facebook feed. For that, click on the Color Scheme option.

select color scheme for facebook feed

When it comes to the color scheme of your Facebook feed, you have 4 options to choose from:

  • Inherit From Theme: Use the colors of your site’s theme for your feed
  • Light: Show a feed with a lighter background and dark font color
  • Dark: Use a darker background along with lighter font color for your feed
  • Custom: Manually pick all the colors of your feed yourself

Just select the color scheme that you prefer for your Facebook feed and then click on Save.

custom facebook feed pro color schemes

After that, you can use the rest of the customization options to change the design of your new Facebook feed.

You can set your header style, like box, post layout, feed size, background, and much more, with absolutely no coding needed.

Just click on Save after you’re done customizing your Facebook feed.

Next, you can move on to step 5 and embed your Facebook feed.

Step 5: Embed Your Facebook Feed on Your Website

Once you’re done with the customization, you can go ahead and post your new Facebook feed. You can do that in 2 different ways:

  • Embed the Facebook feed on your WordPress page
  • Embed the Facebook feed on your WordPress sidebar or footer

Now let’s take a look at them.

Embed the Facebook Feed on Your WordPress Page

Using the live feed editor, you can easily embed your Facebook feeds on your site. To get started, click on the Embed button at the top.

click on embed button custom facebook feed pro

After that, you’ll see a popup with the different options for embedding your Facebook feed. To continue, select the Add to a Page option.

add facebook feed to page

You can now choose where you want to embed the Facebook feed. Just select your WordPress page on the popup and click on the Add button.

select page for facebook feed
Clicking on it will send you to that WordPress page. There, you can c
lick on the small plus icon (+) to add a new block.

Now pick the Custom Facebook Feed widget from all the options.

add facebook custom feed block

Finally, you can finish adding your Facebook feed by clicking on the Publish button.

With that, you’ve embedded your Facebook feed on your WordPress website. Now you can open your website and see how it looks right there.

facebook group feed example

Embed the Facebook Feed on Your WordPress Sidebar or Footer

The next place that you can embed your Facebook feed is on your sidebar or footer. And you can do that from the live feed editor as well.

First, go to the Facebook Feed » All Feeds menu from your WordPress dashboard.

On that page, you can find all of your Facebook feeds listed out. Now find your new Facebook feed here and just click on it.

select your facebook feed

After that, you’ll see the live feed editor once again. Click on the Embed button at the top to continue.

click on embed button custom facebook feed pro

Once you do that, it’s time to pick where you want to embed your Facebook feed. Just select Add to a Widget on the popup to continue.

add facebook feed as a widget

This will open the Widgets page of your WordPress website. Here, you can now embed your feed as a Facebook widget.

So click on the Sidebar panel here to start managing your sidebar widgets.

select sidebar for widget

To embed your Facebook feed on your WordPress footer, you can instead click on one of the Footer panels.

We’ll embed the Facebook feed on the sidebar for this tutorial.

select footer for facebook widget

Now click on the plus icon (+) to add a new widget there, and then select the Custom Facebook Feed widget from the options.

choose custom facebook feed pro widget

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!

Get started with Custom Facebook Feeds today.

And that’s just the start. Smash Balloon also has the best social media feeds for Instagram, Twitter, and YouTube.

Just grab the All-Access Bundle and you can get all of them at a discounted price right now!

Want to give your Facebook marketing a boost? Check out our guide on how to get more likes on your Facebook page.

And if you want more amazing tools to help you out, we also have a list of the best Facebook marketing tools for your business.

And don’t forget to follow us on Twitter and Facebook for more helpful social media content.

Want to Try our Facebook plugin for Free?

Enter the URL of Your WordPress website to install Custom Facebook Feed Lite.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *