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:
- Use Facebook’s plugin to manually embed your Facebook feed on your website.
- 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.
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.
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.
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.
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:
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!
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.
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.
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:
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.
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.
Here’s how your Facebook feed will look like using the half-width post layout:
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:
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.
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]
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.
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 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.
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:
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!