Custom Facebook Feed plugin

To display multiple Facebook Page feeds on different pages in a WordPress Blog can be tricky, most plugins only show the Page feed from one Facebook page.

There’s a great new plugin for WordPress called “Custom Facebook Feed” ¬†that allows you to display your own Facebook Page feed, as well as feeds from any other Facebook Page you want. The Developers have updated it for compatibility with WordPress 3.9.1 as recently as 6 June 2014.

 

Custom Facebook Feed plugin

Custom Facebook Feed plugin

 


1: Login to your WordPress Dashboard and select PluginsAdd New

2: In the Search text input box, enter the plugin name: “Custom Facebook Feed” and select Search Plugins
 


Search for Custom Facebook Feed plugin

Search for Custom Facebook Feed plugin

 


3: Make sure this is the plugin created by Smash Balloon, select Install Now.
 


Smash Balloon created Custom Facebook Feed plugin

Smash Balloon created Custom Facebook Feed plugin

 


4: After successful installation, select Facebook FeedSettings from your WordPress Left side menu bar.
 


Enter your Facebook Page ID

Enter your Facebook Page ID

 


5: In the Configuration section add your Facebook Page ID. This is the web address of your Facebook Business Page, without the http://facebook.com/ and select Save Changes

6: For example, my Facebook Page web address is https://www.facebook.com/designbysimon – so my Facebook Page ID is designbysimon
 


My Facebook Page ID is designbysimon

My Facebook Page ID is designbysimon

 


7: Select Facebook FeedCustomize to change the width and height of the Feed.
 


Select Facebook Feed - Customize to change the width and height of the Feed

Select Facebook Feed – Customize to change the width and height of the Feed

 


8: Select CustomizeTypography to add the Facebook header and logo to the Feed.
 


Select Customize - Typography to add the Facebook header and logo to the Feed

Select Customize – Typography to add the Facebook header and logo to the Feed

 


9: Don’t forget to set the plugin to your country’s Timezone, find this under CustomizeTypographyPost DateTimezone.
 


Set the plugin to your country's Timezone, find this under Customize - Typography - Post Date -Timezone

Set the plugin to your country’s Timezone, find this under Customize – Typography – Post Date -Timezone

 


10: Select CustomizeMisc to add the Facebook Like Box to your Facebook Feed, select Save Changes.
 


Select Customize - Misc to add the Facebook Like Box

Select Customize – Misc to add the Facebook Like Box

 


11: To add the Facebook Feed plugin to a sidebar in your Blog, select Appearance – Widgets from the WordPress left side bar menu
 


Select Appearance - Widgets

Select Appearance – Widgets

 


12: Drag a Text widget to a Widget box and enter the Custom Facebook Feed shortcode
 


Drag a Text widget to a Widget box and enter the Custom Facebook Feed shortcode

Drag a Text widget to a Widget box and enter the Custom Facebook Feed shortcode

 


13: The Custom Facebook Feed should display using this shortcode:

Facebook

.

 


14: You can also insert your Facebook Feed directly inside a Post or Page, as seen above.

 


Example website using multiple Facebook Feeds

Visit http://www.stjohnscollege.ie/courses-2/tourism-e-travel/tourism-e-travel-fetac-level-5/

As web designer for St. John’s Central College, I installed Custom Facebook Feed plugin to allow the display of multiple Facebook Feeds for each College Department that has their own Facebook Page.

The Tourism Department has their own Facebook page, but only one Facebook Page ID can be entered under the Facebook Feed Plugin Settings. However there is a way to display a Facebook Feed from another Facebook Page, by changing the shortcode to include “id=” and then adding the Facebook Page ID to this shortcode.
 


display a Facebook Feed from another Facebook Page, by changing the shortcode to include "id=" and then adding the Facebook Page ID to this shortcode

display a Facebook Feed from another Facebook Page, by changing the shortcode to include id= and then adding the Facebook Page ID to this shortcode

 


The Tourism Department Facebook Feed as it appears on the Tourism Department section of the St. John’s Central College website
 


The Tourism Facebook Feed on St. John's Central College

The Tourism Facebook Feed on St. John’s Central College

 


The Film Department has their own Facebook Page and this is their Feed shortcode:
 


Film Department Facebook Feed shortcode

Film Department Facebook Feed shortcode

 


The Film Department Facebook Feed as it appears on the Tourism Department section of the St. John's Central College website

The Film Department Facebook Feed as it appears on the Tourism Department section of the St. John’s Central College website

Pin It on Pinterest

Share This