How to Add a Facebook Feed to Your WordPress Website (2020)

by Lianne Laroya on September 15, 2020

Looking for an easy way to display your Facebook feed on your WordPress?

Showing your Facebook feed on your website can help you connect with your audience and grow your Facebook page. With over 2.5 billion users, Facebook is still the undefeated social media champion.

But Facebook doesn’t give a simple way to embed your Facebook feed to your site.

So in this article, we’ll show you the easiest way to add your Facebook feed to WordPress. By following our tutorial, you can set up and display your Facebook feed in just under 5 minutes!

Let’s dive in.

Should You Use a Facebook Page Plugin for WordPress?

In adding your Facebook feed to your site, you have 2 choices. You can use Facebook’s Page plugin, but it comes with a few restrictions:

  • Limited customization choices: If you want your Facebook feed to inherit the style that your website’s theme uses, it’s not possible. Unless you hire an expensive developer to fix the code for you.
  • Page-only plugin: Want to display your Facebook group’s feed instead? You can’t.
  • Basic tabs only: You can just display your Facebook feed’s timeline or events. No option to control which Facebook posts you want to show as well.
  • Overwhelming, especially for beginners: At first glance, it looks simple enough. But when you realize you’d need to tweak a lot of code to customize how your feed looks like, it gets confusing. Plus, you need to deal with code to add your Facebook feed to WordPress, too.

add facebook feed to wordpress

Finally, when you take the risk and use it to hopefully add your Facebook feed to WordPress, you risk accidentally breaking your site. The most frustrating part? There’s no support team who can help you. You’re on your own, so it’s difficult especially if you’re not techie.

Or, how about doing the 2nd option? Choose the easiest way to show your Facebook feed on your WordPress website. Install an easy-to-use WordPress plugin like Smash Balloon’s Custom Facebook Feed Pro to help you.

custom facebook feed pro

Custom Facebook Feed Pro is the best Facebook feed plugin for WordPress. Since it’s designed with users in mind, the plugin is both user-friendly and ultra-fast. You’re happy because you can use it easily. And your website’s happy because the plugin is light and fast to load.

Here are some of the plugin’s features you can easily use:

  • Super easy to set up: You can display your Facebook feed in under 30 seconds!
  • Consistent with your branding: The plugin looks great out of the box. It automatically copies your existing theme’s style to keep up with your brand’s visuals.
  • Lots of Facebook content choices: Using the plugin, you can show the feed of your Facebook page and Facebook group. You can also add your events feed, Facebook videos and photos to boost user engagement.
  • Simple and straight-to-the-point: Want to change your Facebook feed’s background color? Font size? Or header? You can do all these with just a few clicks.

As the most popular Facebook feed plugin for WordPress, Custom Facebook Feed Pro is trusted by over 200,000 users with a solid 4.8/5 star rating.

custom facebook feed pro reviews

Want to know what else Custom Facebook Feed Pro can do for your brand? Check out the plugin’s full list of features here.

Ready to supercharge your Facebook page’s growth by effective social media marketing? Follow the steps below to add your Facebook feed to your website today.

Step 1: Install Custom Facebook Feeds Plugin

To begin adding your Facebook feed to your WordPress website, get your own copy of Custom Facebook Feeds Pro here. Once you’ve downloaded the plugin to your computer, the next step is uploading it to your website and activating it.

Need some help doing this? You can check out this helpful step-by-step tutorial on how to install a WordPress plugin.

Step 2: Connect Your Facebook Account

Done installing and activating your plugin? Great! The next step is connecting your Facebook account so you can access its features. Start doing this by going to your WordPress dashboard. Here, navigate to Facebook Feed » Settings to go to the settings page.

connect your account to facebook plugin for wordpress

See the blue Connect a Facebook Account button? Click it and follow the onscreen instructions so you can connect your Facebook account to the plugin.

You can use the plugin to add a Facebook group or page to your website. in this tutorial, we’ll choose to display a feed of your Facebook page on your WordPress.

display facebook page to wordpress

To preserve your settings, remember to click the Save Settings button.

Step 3: Choose The Post Type You Want to Add

Now that your Facebook account is connected, the next step is choosing the post type you want to add. Sure, you can use the plugin to show your Facebook posts on WordPress — but what specific post types do you want?

It’s a good thing Custom Facebook Feeds Pro gives you lots of post types to choose from.

To start choosing your post type, scroll up to the topmost area of the settings area. Then, click on the Customize » General tabs. Under this section, you can change your feed’s width, height, padding and even background color.

customize facebook feed in wordpress

Scroll down until you see the Post Types section. You can add or remove post types by checking or unchecking their boxes. For this tutorial, we’ll check all the boxes so we can add all Facebook post types to WordPress.

wordpress post types

In this section, you can also customize your feed’s header, “like” box and “load more” button so it matches your brand’s design.

customize header like box load more in facebook feed plugin for wordpress

You can control how your Facebook feed looks like on your website — without touching a single line of code! Then, don’t forget to click on Save Changes and move on to the next step below.

Step 4: Choose Your Facebook Feed’s Layout

What layout do you want to use for your Facebook feed? You can choose from 3 options. Just go to the topmost area of the settings page and click on the Post Layout tab.

customize post layout

The thumbnail layout shows your Facebook feed with small images, just like this:

thumbnail layout facebook feed plugin for wordpress

Want to show your Facebook feed with images in a larger size? You can. Just choose half-width layout and it’ll look like this:

half width layout add facebook feed to wordpress

Finally, if you want to display your Facebook feed with the largest images possible, choose the full width layout so it will look similar to this example:

full width layout add facebook feed to website

Satisfied with your Facebook feed’s layout? Good! It’s time to add it to your WordPress website by following the final step below.

Step 5: Add Your Facebook Feed to WordPress

Once you’re done with choosing and customizing your Facebook feed, the last step is embedding it to your website. Since the plugin works seamlessly with WordPress, you can easily add it to your page or sidebar-ready areas.

Don’t know which method you prefer? You can check out both methods below and decide after.

Add Your Facebook Feed Widget to WordPress Page or Post

First, go to your WordPress dashboard. Then, navigate to Pages » Add New to create a new page. This will create a new page using the block editor.

add pages to add facebook feed

Next, after creating a new page and putting your page title, click the Plus (+) icon to add a new WordPress content block. Type “facebook” into the search field. Then, click on the Custom Facebook Feed block to automatically add it to your page.

custom facebook feed pro block

Your Facebook feed will then appear in your page editor. Feel free to edit your page’s content as you’d like. Finally, when you’re happy with how it looks like, click on Publish to make it live on your website, like this:

preview of custom facebook feed pro plugin for wordpress

Add Your Facebook Feed Widget to WordPress Widget-Ready Areas

What if you want to display your Facebook feed to your sidebar area instead? The plugin can help you with that, too.

First, you need to copy your shortcode. Go to your WordPress dashboard. Then, navigate to Facebook Feed » Settings and scroll down until you can see the Display your feed area. Just copy your shortcode and move on to the next step.

display shortcode

Go back to your WordPress dashboard and navigate to Appearance » Widgets. Look for the Text widget and drag it to your chosen sidebar. Paste the shortcode you copied inside the Text widget area. Finally, click Save to preserve your settings.

add facebook feed to wordpress widget

Done saving your settings? Good! Now, when you visit your website and check out the sidebar area, you can see your Facebook feed displayed there, like this:

add facebook feed to website example

So, there you have it. Congratulations!

You now know how to easily add your Facebook feed to your WordPress website. And you didn’t even need to tweak any code, so no technical knowledge required!

So, what are you waiting for?

Click here to get started with Facebook Feeds by Smash Balloon today!

If you also want to display more social feeds to your site, you can also add Twitter feed and even your Instagram feed.

Finally, if you found this post useful, 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 *