How to Put a Facebook Feed on WordPress

How to Put a Facebook Feed on WordPress (Beginner’s Guide)

By Lianne Laroya on October 7, 2021

Looking for the best way to put your Facebook feed on WordPress?

We’ve made this post especially for you.

As the world’s most popular social media platform, cross-promoting your Facebook content with your website is a great way to reach a wider audience to nurture your Facebook page and grow your business over time.

But Facebook makes it confusing for users like you to display different types of Facebook feed to your website.

So in this post, you’ll learn about the easiest way to put a Facebook feed on your WordPress site.

After reading this tutorial, you can easily display your Facebook feed — even if you’re not tech-savvy!

put facebook feed on website example

Shall we get started?

Methods to Add Facebook Feed to WordPress

When you use Facebook’s plugin to manually put a Facebook feed on your site, you experience lots of limitations, like:

  • Confusing for newbies: Using Facebook’s plugin is pretty complex. It involves several websites and copying and pasting lengthy codes into your site.
  • Risky to your site: One small error in copying or pasting a code can accidentally break your website. And you know how long it usually takes to resolve site issues, right?
  • Limited customization: If you use Facebook’s Page plugin, it’s hard to customize how your feed looks like because you need to tweak pieces of code.
  • No support: If you run into an issue while manually embedding codes using Facebook’s plugin, there’s no dedicated support team who can help you. So, you need to hire an expensive developer or spend lots of time figuring out how to solve the issue on your own.

Worried? You don’t need to be.

Because if you use a WordPress plugin to automatically put your Facebook feed on your website, you won’t have those problems.

Instead, you can easily…

  • Embed your interactive Facebook feed on your website in under 5 minutes — no coding needed
  • Control how your Facebook posts and feed look so it’s consistent with your brand’s identity
  • Customize the type of Facebook feed you want to show
  • Encourage your site visitors to engage with your Facebook content without leaving your site

If you use the best Facebook feed plugin for WordPress, you can easily create completely customizable Facebook feeds that you can display on your website.

You also have more control over your feed’s content and design, even if you’re a WordPress newbie.

So, let’s talk about how you can put your Facebook feed on your site easily and hassle-free — by using a WordPress plugin.

Easy Way to Put a Facebook Feed on Your Site

For this tutorial, we’ll use Smash Balloon’s Custom Facebook Feed Pro plugin.

As a top-rated WordPress plugin, it helps you cross-promote your Facebook content on your website — no technical knowledge needed.

facebook feed on wordpress plugin

Because the plugin’s designed with users in mind, it’s ultra-fast and also user-friendly, especially to beginners.

This way, you can easily embed any type of Facebook feed on your site and even control how it looks like.

No design experience? No worries.

Since the plugin looks great out of the box, it automatically copies your existing theme’s style to keep up with your brand’s visuals. Perfect for on-the-go business owners like yourself!

With a solid 4.8/5 star rating, Custom Facebook Feed Pro is trusted by over 200,000 users worldwide.

Want to know more about how it can help promote your business? Check out the plugin’s full list of features here.

customize facebook feed plugin to wordpress reviews

Finally, did we mention that the plugin comes with a top-notch team of support behind it?

So if you have any concerns while setting up your Facebook feed, just message them and they’ll help you sort it out shortly.

With that in mind, let’s jump into setting up your Facebook feeds WordPress using the Custom Facebook Feed Pro plugin.

Step 1: Install Custom Facebook Feed Pro

The first step to put your Facebook feed on your WordPress site is to get your copy of Custom Facebook Feed Pro here.

After downloading the plugin to your computer, follow these step-by-step instructions to help you install a WordPress plugin to your website.

Once you’ve successfully installed and activated your plugin, you can move on to the next step below.

Step 2: Create a New Facebook Feed

Next, you can start creating your Facebook feed by going to the Facebook Feed » All Feeds menu from your dashboard. 

Here, click on the Add New button at the top left.

add new feed with custom facebook feed pro

You have 9 types of Facebook feeds to pick from with this plugin. You can try using a timeline feed, reviews feed, albums feed, videos feed, photos feed, and much more.

all the facebook feed types

For this tutorial, we will use a timeline feed.

Now just pick your feed type from the options and click on Next.

select facebook feed type

With that, you’ve created your Facebook feed. You can now move on to step 3 and connect the feed to Facebook.

Step 3: Connect Your Facebook Feed to Page or Group

Now it’s time to connect your new Facebook feed to a Facebook group or page so that it can show Facebook content.

For that, click on the Add New button on the popup.

add new source for facebook feed

Next, you can see a new popup where you can pick between a Facebook page or a group and then click on Connect.

pick between group or page for facebook feed

Once you do that, Custom Facebook Feed Pro will open the Facebook site.

Here, you can pick the page or group whose content you want to put on your WordPress site. So pick the page or group and click on the Next button.

select facebook pages

After that, you can give the plugin read-only access to your Facebook account.

And don’t worry. Custom Facebook Feed Pro is completely safe since the access is read-only, and it can’t make any changes to your account.

To confirm the read-only access, click on the Done button.

what is smash balloon allowed to do

You can now click on Add to confirm your page or group as a source for your new Facebook feed.

add new source confirmation

And to finish connecting your new feed to Facebook, click on Next.

pick your source for custom facebook feed pro

You’ve now created a new Facebook feed and connected it to a page or group.

Now you can move on to step 4 and customize your Facebook feed before you put it on your website.

Step 4: Customize Your Facebook Feed

Once you connect your new Facebook feed, the plugin will then open up the live feed editor.

custom facebook feed pro live editor

You can find all of your customization options on the left side of the screen. There are options to set the feed type, layout, color scheme, header style, post style, and much more.

When you make any changes, you can just check the live preview section on the right and see how your Facebook feed will look.

To get started with the customization, go to Feed Layout.

select the facebook feed layout

With Custom Facebook Feeds Pro, you have 4 choices for your feed layout: List, Grid, Masonry, and Carousel.

facebook feed layout options

Using a list layout, your Facebook posts will appear in a single column, one after the other.

Since there’s only 1 column, your Facebook content will be more clearly visible.

list layout for the facebook group feed

You can go for a grid layout instead if you want to show a lot of Facebook posts at once. You can show your Facebook videos, photos, and more in rows and columns that way.

grid layout for your facebook feed

But if you want to show posts in multiple columns, there’s the masonry layout. Plus, this layout also keeps the original proportions of your Facebook posts.

masonry feed layout for facebook

With the next layout option, you can show your posts in a beautiful Facebook carousel slider. It’s a great way to get visitors to interact with your website.

carousel feed layout for facebook group feed

So choose the Facebook feed layout that you want and then click on Save.

You can click on the Customize button after that to go back to the main options from here.

go back to facebook customization options

Now, you can move on and set the colors for your new Facebook feed. First, select the Color Scheme option on the left.

select color scheme for facebook feed

You can now see the 4 color scheme options that you can pick for your Facebook feed:

  • Inherit From Theme: Copy the colors of your website
  • Light: Lighter background with dark text color
  • Dark: Darker background and a lighter text color
  • Custom: Pick all the colors yourself

Once you choose the color scheme that you like, just click on Save.

custom facebook feed pro color schemes

Now you can go ahead and customize the rest of your Facebook feed, just like that. As you can see, it’s pretty easy to use this live feed editor and requires absolutely no coding at all.

You’ve got lots of other options here, including the header style, like box, post layout, feed size, background, and much more.

Finally, you can click on Save once you’re done to save your changes and move on to the final step.

Step 5: Put Your Facebook Feed on Your WordPress Site

Now it’s time to show you how to put your Facebook feed on your WordPress website. And with Custom Facebook Feed Pro, you have 2 ways to do it:

  • Put your Facebook feed on your WordPress page
  • Put your Facebook feed on your WordPress sidebar or footer

Let’s check them out!

Put Your Facebook Feed on Your WordPress Page

You can use your live feed editor to embed your Facebook feed in just a few steps.

First, look for the Embed button at the top and click on it.

click on embed button custom facebook feed pro

Clicking on it will show a popup to pick the location of your Facebook feed. Just select the Add to a Page option to proceed.

add facebook feed to page

After that, it’s time to pick the WordPress page to show your Facebook feed. All you have to do is select the page from the list and click on Add.

select page for facebook feed
Once you click on that, the plugin will open your page so you can embed your new Facebook feed.

For that, click on the small plus icon (+) to add a new block. Then, just select the Custom Facebook Feed widget from the options.

add facebook custom feed block

Now click on the Publish button, and you’ve officially put your Facebook feed on your WordPress page.

To see how it looks, you can open your website and check it out.

facebook group feed example

Put Your Facebook Feed on Your WordPress Sidebar or Footer

Custom Facebook Feed Pro allows you to put your Facebook feed on your sidebar or footer from the live feed editor.

To open the live feed editor, first navigate to the Facebook Feed » All Feeds menu from your WordPress dashboard.

After you do that, you can see all of your Facebook feeds listed out.

To continue, just click on your new Facebook feed here.

select your facebook feed

Now click on the  Embed button on the top of the live feed editor.

click on embed button custom facebook feed pro

You can now choose the location for your Facebook feed on the popup. To embed your Facebook feed on your sidebar, click on Add to a Widget here.

add facebook feed as a widget

The plugin will now send you to your Widgets page so that you can embed your new feed as a Facebook widget.

On this page, click on the Sidebar option to open up the panel with all of your sidebar widgets.

select sidebar for widget

You can also add your Facebook feed on the footer from here. Just click on one of the Footer panels.

For this tutorial, we’ll put the Facebook feed on the WordPress sidebar.

select footer for facebook widget

To add your Facebook feed on the sidebar or footer, click on the plus icon (+) to add a new widget.

Next, you can just select Custom Facebook Feed widget and you’re done.

choose custom facebook feed pro widget

You now have your Facebook feed on the website sidebar. If you open your site, you can see how it looks.

put facebook feed on website sidebar example

And that’s it!

Now, you’ve learned how you can easily use a plugin to embed your Facebook feed on your website.

So, what are you waiting for?

Click here to get started with Custom Facebook Feed Pro by Smash Balloon today!

Want to show more social feeds to your site? You can also add a Twitter feed and even your Instagram feed on your WordPress site to boost engagement.

Finally, if you found this post helpful, feel free to follow us on Twitter and Facebook for more social media marketing tutorials to grow your business over time.

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 *