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.
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!
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 code snippets into your site.
- Risky to your site: One small error in copying or pasting a code snippet 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, Facebook Feed Pro, 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.
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
As the best Facebook WordPress plugin, Facebook Feed Pro helps you cross-promote your Facebook content by creating and embedding customizable Facebook feeds on your website. No technical knowledge needed.
![custom facebook feed pro homepage](https://smashballoon.com/wp-content/uploads/2021/08/custom-facebook-feed-pro-homepage-new.jpg)
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, such as Facebook albums feed, events feed, photos feed, responsive videos feed and more.
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!
Even better, Facebook Feed Pro comes with a built-in visual feed customizer, so you can customize your feed’s design and content with just a few clicks — no coding needed.
With a solid 4.9/5 star rating, Facebook Feed Pro is trusted by over 250,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.
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 Facebook Feed Pro plugin.
Step 1: Install Facebook Feed Pro
The first step to put your Facebook feed on your WordPress site is to get your copy of 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](https://smashballoon.com/wp-content/uploads/2021/07/add-new-facebook-feed.png)
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](https://smashballoon.com/wp-content/uploads/2021/07/all-the-feed-types.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/select-facebook-feed-type-.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/07/add-new-source-for-facebook-feed.png)
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](https://smashballoon.com/wp-content/uploads/2021/07/pick-between-group-or-page-for-facebook-feed.png)
Once you do that, 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](https://smashballoon.com/wp-content/uploads/2021/05/select-pages.png)
After that, you can give the plugin read-only access to your Facebook account.
And don’t worry. 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](https://smashballoon.com/wp-content/uploads/2021/05/what-is-smash-balloon-allowed-to-do.png)
You can now click on Add to confirm your page or group as a source for your new Facebook feed.
![add new source confirmation](https://smashballoon.com/wp-content/uploads/2021/07/add-new-source-confirmation.jpg)
And to finish connecting your new feed to Facebook, click on Next.
![pick your source for custom facebook feed pro](https://smashballoon.com/wp-content/uploads/2021/07/pick-your-source.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/custom-facebook-feed-pro-live-editor.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/select-the-facebook-feed-layout-.jpg)
With Facebook Feed Pro, you have 4 choices for your feed layout: List, Grid, Masonry, and Carousel.
![facebook feed layout options](https://smashballoon.com/wp-content/uploads/2021/07/masonry-layout-for-facebook-feeds.png)
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](https://smashballoon.com/wp-content/uploads/2021/08/list-layout-for-the-facebook-group-feed.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/grid-layout-for-your-facebook-feed.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/07/masonry-feed-layout-for-facebook.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/carousel-feed-layout-for-facebook-group-feed.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/go-back-to-customization-options-1.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/select-color-scheme-for-facebook-feed.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/custom-facebook-feed-pro-color-schemes.jpg)
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, Facebook 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 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](https://smashballoon.com/wp-content/uploads/2021/08/click-on-embed-button-custom-facebook-feed-pro.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/add-facebook-feed-to-page.png)
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](https://smashballoon.com/wp-content/uploads/2021/08/select-page-for-facebook-feed.png)
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](https://smashballoon.com/wp-content/uploads/2021/06/add-facebook-custom-feed-block-wp.png)
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](https://smashballoon.com/wp-content/uploads/2021/08/facebook-group-feed-example.jpg)
Put Your Facebook Feed on Your WordPress Sidebar or Footer
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](https://smashballoon.com/wp-content/uploads/2021/08/select-your-facebook-feed.png)
Now click on the Embed button on the top of the live feed editor.
![click on embed button custom facebook feed pro](https://smashballoon.com/wp-content/uploads/2021/08/click-on-embed-button-custom-facebook-feed-pro.jpg)
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](https://smashballoon.com/wp-content/uploads/2021/08/add-facebook-feed-as-a-widget.png)
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](https://smashballoon.com/wp-content/uploads/2021/08/select-sidebar-for-widget.png)
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](https://smashballoon.com/wp-content/uploads/2021/08/select-footer-for-facebook-widget.png)
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](https://smashballoon.com/wp-content/uploads/2021/08/choose-custom-facebook-feed-pro-widget.png)
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](https://smashballoon.com/wp-content/uploads/2020/11/facebook-feed-on-website-2.png)
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 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.
Even better, you can see this post on how to embed social media feed widgets on your WordPress website to promote all your feeds online.
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.