This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

JSL3 Facebook Wall Feed

Description

Displays your Facebook wall as a widget or through shortcode on a post or page. Makes use of Fedil Grogan’s Facebook Wall Feed for WordPress code and changes suggested by Daniel Westergren and Neil Pie. German translation provided by Remo Fleckinger. Facebook Graph API v2.0 bug fix provided by Andrew Bloom.

Configuration

  1. Create your Facebook App. NOTE: You
    cannot use a Facebook Page to create a Facebook App. You must use your
    personal Facebook profile. However, once you create your Facebook App, you
    can use its App ID and App Secret along with the Facebook ID of the Facebook
    Page you want to get the feed from on the settings page for the plugin.

  2. If this is your first time creating a Facebook App, you will need to
    register. Otherwise, skip to step 6.

  3. Toggle the button to Yes to agree to the Facebook Policies and then
    click Next.

  4. After you enter the confirmation code that Facebook sent to your phone,
    click Register.

  5. Click Done to complete the registration.

  6. When you Add a New App, select the Website option.

  7. Click Create New Facebook App ID.

  8. Select a category that best fits your WordPress site and then click
    Create App ID.

  9. Enter your Site URL and Mobile Site URL in the
    Tell us about your website section at the bottom of the page. Do not
    enter www. Then click Next.

  10. Click the Skip to Developer Dashboard link in the Next Steps
    section at the bottom of the page.

  11. Select the Settings menu option. Enter your App Domain and
    Contact Email. Then click Save Changes.

  12. Click the Show button to reveal your App Secret.

  13. Make note of your App ID and App Secret. You will need them in
    step 16.

  14. Select the Status & Review menu option. Change the toggle button to
    Yes to make you Facebook App available to the public.

  15. Click Confirm to complete the creation of your Facebook App.

  16. Go to JSL3 Facebook Wall Feed under Settings on your WordPress
    Administration menu. Enter the App ID and App Secret you recorded
    earlier. Also, enter your Facebook ID. If you do not know your
    Facebook ID, you can find it at
    http://findmyfacebookid.com.

  17. Click the Save Changes button at the bottom of the page. You will be
    redirected to Facebook. You may be prompted to login a couple of times.

  18. Click Okay to give your Facebook App permission to acess your public
    profile, News Feed, status updates and groups.

  19. Click Okay to give your Facebook App permission to manage your Pages.

  20. You will be returned to the JSL3 Facebook Wall Feed settings page with your
    Access Token and its expiration date.

  21. NOTE: Facebook has changed how the Facebook ID is used with new Facebook
    Apps. If, after adding your widget to your WordPress site, you see that
    the feed is blank, go back to the settings page for the plugin and check
    the box below your Facebook ID and then click the Save Changes button.
    This will tell the plugin to request the App Scoped User ID instead of
    your Facebook ID.

Widget Usage

  1. Go to Widgets under Appearance on your WordPress Administration
    menu. Drag the JSL3 Facebook Wall Feed widget to the sidebar of your
    choice.

  2. Give the widget a title (or leave it blank) and enter how many posts you
    want to get from your wall. You may also enter the Facebook ID of the
    Facebook page you want to display in the widget. If you leave the Facebook
    ID blank, the widget will use the Facebook ID entered on the settings page
    for the plugin. Click Save.

  3. Go check out your Facebook Wall Feed on your WordPress site.

Shortcode Usage

  1. Add the shortcode [jsl3_fwf] or [jsl3_fwf limit="1"] or even
    [jsl3_fwf limit="1" fb_id="1405307559"] to the Text view of a post
    or page. If you do not enter a Facebook ID, the plugin will use the
    Facebook ID entered on the settings page for the plugin. If your feed is
    blank, try setting the fb_id property to your App Scoped User ID.
    If you do not know your App Scoped User ID, set the app_scoped_user_id
    property to true like this:
    [jsl3_fwf limit="1" fb_id="1405307559" app_scoped_user_id="true"]

  2. View your Facebook Wall Feed on your WordPress post or page.

Screenshots

  • Activate the plugin through the Plugins menu in WordPress.

  • If this is your first time creating a Facebook App, you will need to register.

  • Toggle the button to Yes to agree to the Facebook Policies and then click Next.

  • After you enter the confirmation code that Facebook sent to your phone, click Register.

  • Click Done to complete the registration.

  • When you Add a New App, select the Website option.

  • Click Create New Facebook App ID.

  • Select a category that best fits your WordPress site and then click Create App ID.

  • Enter your Site URL and Mobile Site URL in the Tell us about your website section at the bottom of the page.

  • Click the Skip to Developer Dashboard link in the Next Steps section at the bottom of the page.

  • Select the Settings menu option. Enter your App Domain and Contact Email.

  • Click the Show button to reveal your App Secret.

  • Make note of your App ID and App Secret.

  • Select the Status & Review menu option. Change the toggle button to Yes to make you Facebook App available to the public.

  • Click Confirm to complete the creation of your Facebook App.

  • Go to JSL3 Facebook Wall Feed under Settings on your WordPress Administration menu. Enter the App ID and App Secret you recorded earlier. Also, enter your Facebook ID.

  • Click the Save Changes button at the bottom of the page. You will be redirected to Facebook.

  • Click Okay to give your Facebook App permission to access your public profile, News Feed, status updates and groups.

  • Click Okay to give your Facebook App permission to manage your Pages.

  • You will be returned to the JSL3 Facebook Wall Feed settings page with your Access Token and its expiration date.

  • If, after adding your widget to your WordPress site, you see that the feed is blank, go back to the settings page for the plugin and check the box below your Facebook ID and then click the Save Changes button.

  • Drag the JSL3 Facebook Wall Feed widget to the sidebar of your choice.

  • Give the widget a title (or leave it blank) and enter how many posts you want to get from your wall. You may also enter the Facebook ID of the Facebook page you want to display in the widget.

  • Go check out your Facebook Wall Feed on your WordPress site.

  • Add the shortcode [jsl3_fwf] or [jsl3_fwf limit="1"] or even [jsl3_fwf limit="1" fb_id="1405307559"] to the Text view of a post or page.

  • View your Facebook Wall Feed on your WordPress post or page.

Installation

  1. Extract the zip file to the ‘/wp-content/plugins/’ directory.

  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

FAQ

Where can I find support for this plugin?

You can find support on the
JSL3 Facebook Wall Feed page.
Just add a comment and I will do my best to help you.

How do I use shortcode to add the Facebook Wall Feed to a post or page?

Switch to Text view and add the following:

[jsl3_fwf]

To limit the number of posts displayed add the ‘limit’ attribute:

[jsl3_fwf limit="1"]

To specify a specific feed to display add the ‘fb_id’ attribute and enter the
feed’s Facebook ID:

[jsl3_fwf fb_id="1405307559"]

If you do not enter a Facebook ID in the shortcode, the plugin will use the
Facebook ID entered on the settings page for the plugin.

Can I translate the plugin?

I would be happy if you translated the plugin. You can use the ‘default.po’
file found in the ‘wp-content/plugins/jsl3-facebook-wall-feed/languages’
directory. Use Poedit to translate the plugin into
your language and then save the PO file using the text domain (‘jsl3-fwf’),
language code and country code as the name. For example, if you translate the
plugin into German, you should save the file as ‘jsl3-fwf-de_DE.po’. Finally,
place the translated PO file and its corresponding MO file in the
‘wp-content/plugins/jsl3-facebook-wall-feed/languages’ directory.

Let me know the URL of the site with the translated plugin by posting a comment
on the JSL3 Facebook Wall Feed
page.

How do I get rid of the ‘Facebook Status’ box?

To remove the ‘Facebook Status’ box add the following to the bottom of the
style sheet on the settings page for the plugin:

/* Remove Facebook Status */
facebook_status_box h2

{
display: none;
}

How can I adjust the width of the Facebook Wall Feed?

To adjust the width of the Facebook Wall Feed add the following to the bottom
of the style sheet on the settings page for the plugin:

/* Adjust width */
facebook_status_box

{
height: 500px;
}

How do I adjust the height of the Facebook Wall Feed?

To adjust the height of the Facebook Wall Feed add the following to the bottom
of the style sheet on the settings page for the plugin:

/* Adjust height */
facebook_status_box #facebook_canvas

{
height: 460px;
}

Change the numbers in front of “px” to ones that fits for you. Try to keep the
height in #facebook_status_box about 40px greater than the height
in #facebook_canvas if you are keeping the ‘Facebook Status’ box at the top of the
feed.

Why is my token set to expire in less than 24 hours?

I am not sure why Facebook will give some users a short-lived token. Facebook
will only allow you to attempt to renew your token once per 24 hours. Try
waiting 24 hours from the last time you clicked “Save Changes” on the settings
page for the plugin, then try again. If you do not get a token that lasts about
60 days, then you may want to try creating a new Facebook App for the plugin.

What does the error “OAuthException: Error validating access token: Session has expired at unix time [UNIX TIME]. The current unix time is [UNIX TIME]” mean?

It means your access token has expired. Go to the settings page for the plugin
and click “Save Changes” to renew your token.

What does the error “OAuthException: Error validating access token: The session has been invalidated because the user has changed the password” mean?

It usually means you changed your Facebook password recently. Go to the
settings page for the plugin and click “Save Changes” to validate your session.

What does the error “OAuthException: An access token is required to request this resource” mean?

It usually means you do not have an access token. Check that your App ID and
App Secret are correct. Then click “Save Changes” on the settings page for the
plugin.

What does the error “Exception: No node specified” mean?

It usually means you have not set your Facebook ID. Check that you have
entered your Facebook ID on the settings page for the plugin. Then click “Save
Changes” on the settings page for the plugin.

What does the error “Exception: SETTINGS: Unrecognized pref_type 0 for NullProfileSettings pref name default_non_connection_tab” mean?

It usually means are using an incorrect Facebook ID. Check that your Facebook
ID is correct. Then click “Save Changes” on the settings page for the plugin.

What does “An error occurred with [Your App Name]. Please try again later” mean?

This is a Facebook error and may also include the following message:

API Error Code: 191
API Error Description: The specified URL is not owned by the application
Error Message: Invalid redirect_uri: Given URL is not allowed by the Application configuration.

This error means that the App Domain and Site URL for your Facebook App do not
match the domain of the website where you are using the plugin. Go to
https://developers.facebook.com/apps
and click “Edit Settings”. Under “Basic Info”, change your “App Domain” to
match the domain of the website where the plugin is located. In the “Select how
your app integrates with Facebook” section, under “Website with Facebook Login”,
change your “Site URL” to match the URL of the website where the plugin is
located. Do not use “www.” in your App Domain or Site URL.

Why is my feed blank?

First, a blank feed usually indicates an invalid Facebook ID. If you do not know
your Facebook ID, then go to https://developers.facebook.com/tools/explorer.
Click “Get Access Token”. You may be prompted to log in. If you are prompted to
“Select permissions”, click “Get Access Token”. In the text box next to the
“Submit” button, enter the “Facebook Username” used in your Facebook URL (for
example, my Facebook URL is https://www.facebook.com/takanudo so my Facebook
Username is takanudo) followed by “?fields=id”. Click Submit. Your Facebook ID
will be in the results.

Second, The limit property tells Facebook how many posts to return. Some of
those posts could be filtered out depending on how you have configured the
plugin. For example, if you set the limit to one, the post returned may be
filtered out if you have “Only show posts made by this Facebook ID” checked or
“Show all status messages” unchecked or “Privacy” set to “Show only wall posts
labeled public”. The thoroughness option forces the plugin to keep making
requests to Facebook until the limit number has been reached, but it will slow
down the plugin dramatically.

Reviews

doesn't work anymore

Error message:
Invalid Scopes: user_groups, read_stream. This message is only shown to developers. Users of your app will ignore these permissions if present. Please read the documentation for valid permissions at: https://developers.facebook.com/docs/facebook-login/permissions

Read all 13 reviews

Contributors & Developers

“JSL3 Facebook Wall Feed” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.7.4

  • Added a feature to request your App Scoped User ID if your Facebook ID
    returns a blank feed.
  • Updated the Facebook App configuration guide.

1.7.3

  • Added the ability to only show posts that were posted to the Facebook ID
    listed in the plugin’s settings page.
  • Fixed a bug introduced in Fracebook Graph v2.0.

1.7.2

  • Fixed a bug with how the access token renew check was scheduled.

1.7.1

  • Added group permissions to the feed.

1.7

  • Added the ability to display multiple feeds.
  • Added a German translation to the plugin.

1.6

  • This update displays the likes count for each post and comment.

1.5.5

  • Updated the help section.

1.5.4

  • This update should send fewer notification emails.
  • Changes all URLs to use https.

1.5.3

  • Fixed a minor bug introduced in v1.5.2

1.5.2

  • Fixed privacy setting to work with the change Facebook made to how they
    display privacy settings in the feed.
  • Minor change to how the style sheet is enqueued into the header.

1.5.1

  • Fixed a bug in the shortcode introduced in v1.5

1.5

  • Added an option to disable the make_clickable() WordPress function added in
    v1.4.2
  • The plugin will now notify the WordPress admin that their Facebook access
    token is about to expire a week from the expiration date.

1.4.2

  • Added make_clickable() WordPress function to convert plain text URI to HTML
    links.

1.4.1

  • Added CRON schedule to refresh expired tokens because Facebook no longer
    allows non-expiring tokens.
  • Fixed 1 pixel images filtered through Facebook’s safe_image.php file.
  • Added ability to turn off displaying Facebook icons.
  • Added additional security features.

1.3.1

  • Made the feed validate XHTML 1.0 Strict.
  • Made a cURL and allow_url_fopen check.
  • Feed will now use the same locale as WordPress.
  • Added ability to turn of SSL certificate verification.
  • Added ability to display profile picture from Facebook pages with
    demographic restrictions.

1.2

  • Added default.po file to support localization.
  • Added thoroughness check.
  • Added ability to show status messages.
  • Added ability to show post comments.
  • Added ability to open links in a new window or tab.
  • Feed will now display a greater variety of wall posts.
  • Accounted for newline character.

1.1

  • Fixed a PHP Notice error when displaying video posts.
  • Added shortcode capability.
  • Added a property to limit posts to only the user (posts by other users
    are not displayed).
  • Added a privacy setting to limit the feed to only public posts.
  • Added contextual help.
  • Added better error handling.

1.0

  • This is the initial version.