WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Tutorials» How to Create a Custom Facebook Feed in WordPress

How to Create a Custom Facebook Feed in WordPress

Last updated on December 21st, 2020 by Editorial Staff
437 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Create a Custom Facebook Feed in WordPress

Do you want to create a custom Facebook feed on your site?

Custom Facebook feeds allows you to display Facebook posts from your business page or group on your WordPress site, so you can improve engagement.

In this article, we’ll show you how to easily create a custom Facebook feed in WordPress without slowing down your website.

How to create a custom Facebook feed in WordPress

Why Create a Custom Facebook Feed in WordPress?

Facebook is the largest social media platform in the world. As a website owner, you may already be engaging with your audience through your Facebook page or by creating a Facebook group.

However, all the posts you make on Facebook are not visible to the people visiting your website. By adding a custom Facebook feed you can show what’s happening on your Facebook page or group to your site visitors.

This will allow more of your users to see your posts and will help you get more Facebook likes. If you are using the Facebook remarketing/retargeting pixel on your website, then you can show your ads to those users on Facebook as well.

Having said that, let’s take a look at how to add a custom Facebook feed to your WordPress site.

Since this is a comprehensive, we have created an easy table of content:

  • Add Custom Facebook Feed Plugin in WordPress
  • Connect Your Facebook Page Feed to WordPress
  • Connect Your Facebook Group Feed to WordPress
  • Create & Display a Custom Facebook Feed in WordPress
  • Customize the Appearance of Your Facebook Feed in WordPress
  • Combine Feeds to Create a Social Wall

Adding a Custom Facebook Feed Plugin in WordPress

The first thing you need to do is install and activate the Smash Balloon Custom Facebook Feed plugin. For more details, see our step by step guide on how to install a WordPress plugin.

For our article, we’re using the Pro version of Smash Balloon Facebook feed plugin because it offers all the powerful features. There’s also a free version available that you can use as well.

After installation, you’ll need to visit the Facebook Feed » Settings page in your WordPress admin and then go to the ‘License’ tab to enter your activation code.

Enter smash balloon activation key

Once you have activated your license key, you are good to go.

Let’s start by adding your Facebook page to your custom feed.

Connect Your Facebook Page Feed to WordPress

Smash Balloon Custom Facebook Feed plugin allows you to create feeds for your Facebook pages and groups. You can create multiple Facebook feeds and even merge feeds to create a custom feed.

To create a feed, you need to visit your Facebook Feed » Settings page to configure the plugin. From here you need to click on the ‘Connect a Facebook account’ button.

Connect your Facebook account

Next, you need to select whether you would like to connect a Facebook page or a group. After that click on the ‘Continue’ button.

Continue Facebook connection

This will take you to Facebook website where you will be asked to continue with your Facebook account.

After that, you’ll see a list of your Facebook pages. Select the page that you want to include in your feed and then click Next.

Select your Facebook page

Now Facebook will ask your permission to allow Smash Balloon to manage pages for you. Click on Done to give permission.

Allow plugin to manage your Facebook pages

You will now return back to your WordPress website and see the list of pages you have authorized. Select your page and then click on the ‘Connect this page’ button.

Facebook connected in WordPress

Your connected Facebook page will now appear under plugin settings.

Configured Facebook page

Don’t forget to click on the ‘Save Settings’ button to store your custom Facebook feed.

We’ll show you how to add it to your blog post or pages later in this article. Before that, let’s see how to connect a Facebook group to create a custom group feed for your website.

Connect Your Facebook Group Feed to WordPress

First, you need to visit the Facebook Feed » Settings page and click on the ‘Connect a Facebook Account’ button. From drop-down menu select ‘Facebook Group’ and click ‘Continue’.

Connect Facebook group

After you click on the ‘Continue’ button, you’ll be able to select which group you want to connect.

Connect your Facebook group

Click on the ‘Use token for this Group’ button and you’ll get the following message:

Connect Smash Balloon App

Follow step one above by clicking on the ‘here’ link and then go to the apps section on that page.

When you search for ‘Smash Balloon,’ here’s what you’ll see:

Find Smash Balloon App

Click that button to add the app, and you’re done.

Now, in the configuration section, you’ll see your page and group connected.

Connect Facebook group

Click on ‘Save Settings.’

Now, it’s time to embed your Facebook feed on your WordPress website.

Create & Display a Custom Facebook Feed in WordPress

Smash Balloon allows you to display custom Facebook feeds in a post, page, or in a sidebar widget. For our example, we’ll embed it in a page.

First, you need to go to your Facebook Feed » Settings page, and scroll down to see the Facebook feed shortcode:

Copy and paste Facebook feed shortcode

You need to copy the shortcode, and then open the WordPress content editor to create or edit a page where you want to embed the feed.

In the content editor, simply click the (+) icon to add a shortcode block, and then paste the shortcode in there:

[custom-facebook-feed]

Add shortcode to WordPress page

After that you can save your page and preview it. Smash Balloon will fetch and display the latest posts from your Facebook page or group on your WordPress page.

Facebook feed on WordPress page

Displaying Multiple Facebook Feeds

Let’s say you want to display more than one custom Facebook feed on your WordPress blog. The plugin’s settings only allow you to add one page or group ID.

However, you can easily use the shortcode to display any other custom Facebook feed you want.

Simply add the shortcode like this:

[custom-facebook-feed id=wpbeginner]

The plugin’s shortcode comes with a whole range of parameters. You can visit the plugin’s website to see the complete list of parameters that you can use.

Customize The Appearance of Your Facebook Feed

The plugin allows you to personalize the appearance of your custom Facebook feed on your website. You can visit the Facebook Feed » Customize page to edit the settings.

This section is divided into different tabs, giving you plenty of options to choose from.

Click on the ‘Post Layout’ tab.

Post layout settings

We chose the ‘Half-width’ option, so the image and text will display evenly.

The next step is to select the ‘Style Posts’ tab to the right. Here, you can customize how the post looks, adding a background or box shadow for contrast.

Style posts screen

Once you are satisfied with the layout, don’t forget to click on the save changes button and preview your feed.

Combine Feeds to Create a Social Wall

Want to take your social feeds even further? Smash Balloon comes with a WordPress Social Wall addon that allows you to combines your content from Facebook, Instagram, Twitter, and YouTube on a single feed.

Smash Balloon Social Wall

This allows you to maximize your engagement and gain followers across all social platforms.

We hope this article helped you add a custom Facebook feed in WordPress. You may also want to see our guide on how to add web push notification on your site to get more traffic, and our comparison of the best WordPress membership plugins to create & sell courses on your website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

437 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

9 Comments

Leave a Reply
  1. Mike S says:
    Aug 5, 2017 at 7:38 pm

    Can you cover how to automatically copy posts to 2 FB pages?

    Reply
  2. Darknote says:
    Jul 13, 2017 at 9:43 am

    Hi,
    Putting the page ID does not work, you will get on debug, it is indicated in error

    developers.facebook.com/tools/debug/

    You absolutely have to create a Facebook apps, the only good method!

    Reply
  3. RickH says:
    Jan 15, 2017 at 11:13 pm

    Any plugin that will grab a FB ‘status’ from a personal (publicly visible) FB account into a separate post? So that each new status will create a new post?

    Thanks…

    Reply
  4. Anthony says:
    Aug 30, 2016 at 10:13 pm

    Thanks for this article. Have tried and success but i use this tool to find facebook ID, it can find group id and page id too

    Reply
  5. Shubha das says:
    Aug 1, 2016 at 7:40 am

    Thanks for sharing this post. Please let me know if free plugin are available for creating custom facebook feed.

    Reply
    • melanie martins says:
      May 23, 2017 at 10:17 am

      Facebook feed by arrow is free, though i would love to see a tutorial to create my own facebook feed “plugin”

      Reply
  6. Munna Hossain says:
    Jul 31, 2016 at 4:38 am

    Great sharing. I am new in WordPress. I don’t know everything about WordPress. Your article will help to create custom facebook feed in my WordPress site. Thank you for sharing such an informative article.

    Reply
    • WPBeginner Support says:
      Jul 31, 2016 at 11:24 am

      Glad you found it helpful :)

      Reply
  7. Tracy TC says:
    Jul 28, 2016 at 8:23 pm

    Do you recognize the feed on the homepage of I like the fact that it includes thumbnail pictures from each post. I find that more visually interesting than showing my logo over and over in the feed. I don’t control that area of the website (although I do know that it is WP) and the host has no interest in sharing which plugin is used.

    Thank you!!

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
Smash Balloon
Smash Balloon
Add Custom Social Media Feeds in WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2021 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2021)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2021 – Step by Step Guide
Deals & Coupons (view all)
LiveChat logo
LiveChat Inc Coupon
Get a 30 day free trial and 30% OFF LiveChat, one of the best live chat service providers for WordPress users.
LearnDash
LearnDash Coupon
Get the lowest price on the best learning management system (LMS) plugin for WordPress.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress Security by Sucuri.