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!
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.
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.
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.
For this tutorial, we will use a timeline feed.
Now just pick your feed type from the options and click on Next.
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.
Next, you can see a new popup where you can pick between a Facebook page or a group and then click on Connect.
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.
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.
You can now click on Add to confirm your page or group as a source for your new Facebook feed.
And to finish connecting your new feed to Facebook, click on Next.
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.
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.
With Custom Facebook Feeds Pro, you have 4 choices for your feed layout: List, Grid, Masonry, and Carousel.
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.
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.
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.
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.
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.
Now, you can move on and set the colors for your new Facebook feed. First, select the Color Scheme option on the left.
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.
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.
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.
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.
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.
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.
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.
Now click on the Embed button on the top of the live feed editor.
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.
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.
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.
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.
You now have your Facebook feed on the website sidebar. If you open your site, you can see how it looks.
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!