How To Add A Live Facebook Feed To Your WordPress Website
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 on your website.
In this step-by-step guide, 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!
Types of Facebook Feed Display On WordPress Website
- Facebook Posts – Using this option, you can aggregate content seamlessly from your own Facebook posts. You can collect and create a collection of brand-generated and user-generated content. Be it in the form of images, videos, texts, etc.
- Facebook Videos – Videos hold the power to engage and convert more effectively. Embed Facebook videos in WordPress and make your website stand out with the power of moving content.
- Facebook Page Reviews – Have a Facebook business page where your users vouch for your business? Collect their valuable reviews and embed them into your website to build social proof and boost conversions.
- Facebook Albums – A collection of pictures from your Facebook album can increase the dwell time of your website visitors. Collect content from your Facebook albums and showcase them for 10 times more engagement!
In this blog, we will walk you through the step-by-step process to embed your Facebook feed on the WordPress website, which you can follow along with us, and till the end of this blog, you will have your Facebook feed live on your website.
Should You Use a Facebook Page Plugin for WordPress?
In adding your Facebook business page feed to your WordPress 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: You’d need to tweak a lot of code to customize how your feed looks so it gets confusing. Plus, you need to deal with code to add your Facebook feed to WordPress, too.
Two Different Methods To Add Facebook Feed To WordPress
If you are a WordPress website owner, then you might be glad to know that there are many opportunities to enhance your WordPress website using various methods, which are not available to other website-building users.
Here are the two methods of embedding Facebook feeds on the WordPress website effectively and effortlessly.
Method 1 – Embed Facebook Feed with WordPress Plugin
A WordPress plugin is the easiest way to embed Facebook feeds on the website. You can install the Taggbox Widget WordPress plugin, an amazing social media feed plugin with top-rated reviews, helping various brands to showcase vibrant Facebook feeds on their website.
The Taggbox Widget plugin is a time-effective solution for WordPress users, making the process to add Facebook feeds extremely easy and enhancing your WordPress website appearance.
Taggbox widget plugin for WordPress is an easy-to-use plugin that offers a wide range of features such as customization, moderation, analytics, and much more.
Method 2 – Add Facebook Feed to WordPress without a plugin
Till now, you have learned the method of embedding Facebook feeds on your website using the WordPress plugin, which is very common also. It’s time to learn the second method to add Facebook feeds on WordPress websites without a plugin, which is the best method of all time.
How To Add A Live Facebook Feed To Your WordPress Website
There are a number of ways that you can add a Facebook feed to your WordPress website.
Add A Live Facebook Feed To Your WordPress Website Using the Facebook Page Plugin
Facebook for Developers offers an array of social plugins, designed to help maximize the display of your Facebook page on your website. As well as being able to embed a comments stream, display a Facebook group on your site and much much more, the Page Plugin also offers an easy solution for embedding a feed into your site.
To begin, visit the Page Plugin page.
Here, specify the variables that you’d like the feed to include.
- Facebook Page URL: Enter the URL of the Facebook feed you’d like to share.
- Tabs: Here you can decide whether you’d like to include a feed of the timeline, events, or messages. To display one of the three options, simply write ‘timeline’, ‘events’, or ‘messages’, to display all three in multiple tabs, use a comma-separated list.
- Width and Height: Here you can set the custom dimensions, within the maximum size parameters specified.
- Other options: Finally you can choose whether you’d like to display a slim view of the header, remove the cover photo completely, allow the plugin to adapt to the container, and you’d like profiles associated with the user to display in the feed.Once you’ve finished setting up the feed display, click Get Code. Now, a pop-up will arise with two code snippets.
Copy the first code and paste it into the header.php file in your WordPress website child theme, as instructed, below the opening <body> tag.
The Facebook Page Plugin page offers a few customization options, such as changing the call to action button, changing the display language of the feed, further customizations with tabs, and so on.
Another option for the feed display is to add the code into a widget. To do so, navigate to Appearance > Widgets, select the HTML widget, and drag it to where you’d like it to be placed, i.e. in the footer or sidebar. Paste the code into the widget text area and click save.
Add A Live Facebook Feed To Your WordPress Website Using the Facebook Page Plugin
A free plugin with over 1000 five-star ratings, the Custom Facebook Feed plugin from Smash Balloon is a great solution for those looking for a highly customizable feed to display on their site.
To begin, install and activate the plugin on your WordPress website. Read our guide to adding a plugin to a WordPress website.
If you’re wondering, the Instagram Feed plugin located just below the Facebook Feed plugin is also from the same development company, Smash Balloon. As the name suggests, the plugin allows you to add an Instagram feed to your WordPress website with little to no fuss.
Back to the Custom Facebook Feed plugin. The plugins settings page only has three tabs:
-
- Configuration, where you’ll set up the Facebook account with the WordPress website,
- Customize, where you’ll set how the feed will display, and,
- If the URL of your Facebook page looks like this – https://www.facebook.com/your_page_name – then the your_page_name text is your Facebook ID.
- If the URL of your Facebook page looks like this – http://www.facebook.com/your_page_name-1234567890 – then the 1234567890 text is your Facebook ID.
Once you’ve requested the Access Token, a key will automatically be entered into the Facebook Access Token section.
There are countless customization settings, split into various tabs. Within each tab, you’ll find a number of customization options. With so many styling options, you can create a truly unique Facebook feed that suits your brand identity and website’s aesthetics.
If you’d like a feed that mimics the visual style of the Facebook feed, then the Facebook Page Plugin option may be a better choice for you, however, if you want to create a Facebook feed for your site that really matches your website’s look and feel, then the Custom Facebook Feed post may be a better option.
Related More Posts :
1. Best Social Media Plugins for WordPress
2.10 Best WordPress Social Media Plugins
