Nov 202015
 
WordPress Plugin Name: Smash Balloon Social Post Feed
Plugin URL:https://wordpress.org/plugins/custom-facebook-feed/

Plugin Author: Smash Balloon
WordPress profile: Smash Balloon
Plugin version: 2.11.1
Last updated: October 17, 2019 (5 days ago)
Tested up to (WP version): WP 5.2.4
Downloaded: 0
Rating: 5 (out of 5)

Description


Display Facebook posts on your website. Completely customizable, responsive and search engine crawlable. Display multiple Facebook feeds from any public Facebook page, and completely match the look and feel of the site with tons of customization options!

“The perfect Facebook plugin with amazing support! What else do you want? Get it!”JoeJeffries

“I honestly cannot recommend this plugin enough. The plugin itself is gorgeous and super customizable, and if you run into trouble…support will get you out of it. Five Stars across the board.”pamsavoybarnett

Please note: This free plugin allows you to display text and links from Facebook posts. To display photos, videos, comments, and more, we offer a Pro version of the plugin. See the Pro Version section below for more information.

Facebook Feed Features

  • Super simple to set up – 1 minute quick setup with no Facebook Developer App required
  • Display feeds from ANY Facebook page – even ones you aren’t an admin of
  • Completely Customizable – By default the Facebook feed will adopt the style of your website, but can be completely customized to look however you like – with tons of styling and customization options!
  • Facebook feed content is crawlable by search engines adding SEO value to your site – other Facebook plugins embed the feed using iframes which are not crawlable
  • Completely responsive and mobile optimized – layout looks great on any screen size and in any container width
  • Display feeds from multiple different Facebook pages and use the shortcode to embed them into a page, post or widget anywhere on your site
  • Add your own custom CSS
  • Caching means that your Facebook posts load lightning fast. Set your own caching time – check for new posts on Facebook every few seconds, minutes, hours or days. You decide.
  • Show and hide certain parts of each Facebook post
  • Show or hide the Facebook profile picture and name of the author above each post
  • Display Facebook posts by just the page owner, everyone who posts on your Facebook page, or only other people
  • Control the width, height, padding and background color of your Facebook feed
  • Customize the size, weight and color of text
  • Choose to set a background color and rounded corners on your Facebook posts
  • Supports Facebook tags – creates links when using the @ symbol to tag people in your Facebook posts
  • Automatically links hashtags used in posts to the hashtag page on Facebook
  • Select the number of Facebook posts to display
  • Select from a range of date formats or enter your own
  • Use your own custom link text in place of the defaults
  • Use the shortcode options to style multiple Facebook feeds in completely different ways
  • Set a maximum character length for both the text and descriptions of your Facebook posts
  • Create a customizable header with a range of icons for your Custom Facebook Feed
  • Localization/i18n support to allow every part of the feed to be displayed in your language

Pro Version (Custom Facebook Feed Pro)

In order to maintain the free version of the plugin on an ongoing basis, and to provide quick and effective support for free, we offer a Pro version of the plugin. The Pro version allows you to display photos, videos, the number of likes, shares, reactions and comments for each Facebook post, choose from multiple layout options, filter posts by type or #hashtag/string, load more posts into your feed, and more. Click here for a full list of all differences between the free version and Pro version.

Benefits

  • Increase social engagement between you and your users, customers, or fans
  • Save time by using the Custom Facebook Feed to generate dynamic, search engine crawlable content on your website
  • Get more likes by displaying your Facebook content directly on your site
  • Improve your SEO as all of that quality keyword-rich Facebook content from posts and comments is directly embedded into your website
  • Display your Facebook content your way to perfectly match your website’s style
  • No Coding Required – choose from tons of built-in customization options to create a truly unique feed of your Facebook content.
  • The plugin is updated regularly with new features, bug-fixes and Facebook API changes
  • Support is quick and effective
  • We’re dedicated to providing the most customizable, robust and well supported Facebook feed plugin in the world!

How to use the plugin

One of our main priorities has always been to make our plugins as easy as possible to setup and use. Once you’ve installed the plugin there are only a few steps to get up and running:

  • 1) Click the “Log in and get my Access Token” button on the plugin settings page. This will prompt you to log into your Facebook account to authorize the plugin.
  • 2) Once you’ve connected your account, save the plugin settings.
  • 3) Then simply copy and paste the [custom-facebook-feed] shortcode onto any page, post, or widget where you want the feed to be displayed.

That’s it! You can then customize the feed as needed using the settings on the plugin “Customize” page.

For full step-by-step setup directions with screenshots, see here.

Requesting support

Customer support is a huge deal to us. We pride ourselves on always providing quick, effective, and courteous support to all of our users. If you’re having an issue then just let us know and we’ll be there to help as soon as possible. You can either open a ticket on the support forum on WordPress.org, or directly on our website. We also have a large collection of help documentation and FAQs on our website for all common issues.

Who’s behind this plugin?

We’re Smash Balloon; a fun-loving WordPress plugin development company birthed into existence in early 2013. We specialize in creating plugins that are not only intuitive and simple to use, but also designed to integrate seamlessly into your website and allow you to display your social media content in powerful and unique ways. Over 1 million awesome people have decided to actively use our free plugins, which is an incredible honor that we don’t take lightly. This compels us to try to provide the quickest and most effective customer support that we can, blowing users away with the best customer service they’ve ever experienced.

To find out more about the team, see here.

Check out our other free plugins for both Instagram and Twitter.

At Smash Balloon we have two goals:

  1. Creating and maintaining the most useful, functional, customizable, robust and down-right awesomist Facebook feed plugin your website has ever seen.
  2. To provide the quickest, friendliest and most mind-blowingly amazing product support you have ever experienced.


FAQ


For a full list of FAQs and help with troubleshooting please visit the FAQ & Troubleshooting section of the Smash Balloon website

How do I find the Page ID of my Facebook page?

If you have a Facebook page with a URL like this: https://www.facebook.com/smashballoon then the Page ID is just smashballoon. If your page URL is structured like this: https://www.facebook.com/pages/smashballoon/123654123654123 then the Page ID is actually the number at the end, so in this case 123654123654123.

Due to recent changes to the Facebook API it is unfortunately no longer possible to display a feed from a Facebook Group.

Copy and paste the ID into the Pro demo to test it.

Are there any limitations on which Facebook page or group feeds I can display?

The Facebook feed you’re trying to display has to be from a publicly accessible Facebook page. This means that you can’t display the feed from your own personal Facebook profile or Facebook group. This is to do with Facebook’s privacy policies. You can’t display a non-public Facebook feed publicly.

If your Facebook page has any restrictions on it (age, for example) then it means that people have to be signed into Facebook in order to view your page. This isn’t desirable for most Facebook pages as it means that it isn’t accessible by people who don’t have a Facebook account and that your Facebook page can’t be crawled and indexed by search engines.

An easy way to determine whether your Facebook page is set to public is to sign out of your Facebook account and try to visit your page. If Facebook forces you to sign in to view your page then it isn’t public. You can change your Facebook page to public in your Facebook page settings simply by removing any age or location restrictions you have on it (screenshot), which will then allow the Custom Facebook Feed plugin to access and display your feed.

Can I display feeds from multiple Facebook pages?

You can set your default Facebook Page ID on the Custom Facebook Feed settings page within the WordPress admin, you can then define different page IDs in the shortcodes you use to show multiple feeds from different Facebook pages. Just use the id option in your shortcode like so: [custom-facebook-feed id=another_page_id]. You can use as many shortcodes as you like with as many different IDs as you like.

Can I display the feed from a personal Facebook profile?

Due to Facebook’s privacy policy you’re not able to use the plugin to display all of your posts from a personal profile, only from a public page, as posts from a personal profile are protected for privacy reasons. You may have limited success in displaying certain posts from a personal profile but most posts are not able to be displayed.

If you’re using the profile to represent a business, organization, product, public figure or the like, then we’d advise converting your profile to a page per Facebook’s recommendation, as there are many advantages to using pages over profiles.

Once you’ve done so, the plugin will be able to retrieve and display all of your posts.

Can I show photos and videos in my Custom Facebook feed?

This free plugin only allows you to display text from your Facebook posts. To display photos and videos in your feed you would need to upgrade to the Pro version of the plugin. Try out a demo of the Pro version on the Custom Facebook Feed website, and find out more about the Pro version here. Click here for a full list of all differences between the free version and Pro version.

Can I show the comments, shares and likes associated with each Facebook post?

This is a feature of the Pro version of the plugin. To display comments, shares and likes you would need to upgrade from the free version to the Pro version.

Is the content of my Custom Facebook Feed crawlable by search engines?

It sure is. Unlike other Facebook plugins which use iframes to embed your Facebook feed into your page once it’s loaded, the Custom Facebook Feed uses PHP to embed your Facebook feed content directly into your page. This adds dynamic, search engine crawlable content to your site.

How do I embed the Custom Facebook Feed directly into a WordPress page template?

You can embed your Facebook feed directly into a template file by using the WordPress do_shortcode function: <?php echo do_shortcode('[custom-facebook-feed]'); ?>.

My Facebook feed posts are not showing up, or all I can see is the Facebook Like box but no posts

Please refer to this FAQ for potential solutions on how to resolve this issue.

Create a basic slideshow from your Facebook posts

The Custom Facebook Feed plugin doesn’t currently have a slideshow feature built into it, but it’s possible to achieve a basic slideshow by doing the following:

1) Add a class to the shortcode of the Facebook feed that you want to convert into a slideshow:

[custom-facebook-feed class="slideshow"]

2) Set the number of posts to display to be the number of Facebook posts you want to include in the slideshow (10 for example). You can do this by using the num shortcode option:

[custom-facebook-feed class="slideshow" num=10]

3) Add the following to the plugin’s Custom JavaScript section, which is under the ‘Misc’ tab on the plugin’s ‘Customize’ page. Please note, if you change the class option in the shortcode above to be anything but “slideshow” then make sure to change that on the first line of the snippet below:

var shortcodeClass = 'slideshow',
    cffSpeed = 5000, 
    $cff = $('#cff.'+ shortcodeClass);
    $cffItem = $cff.find('.cff-item'),
    cffNum = $cffItem.length,
    cffCur = 0;
$cffItem.hide();
setTimeout(function(){ $cff.find('.cff-item').eq(0).show(); }, 200);
setInterval(function(){
    $cff.find('.cff-item').eq(cffCur).fadeOut( "fast", function() {
        if( cffCur == cffNum-1 ) cffCur = -1;
        cffCur++;
        $cff.find('.cff-item').eq(cffCur).fadeIn();
    });
}, cffSpeed);

4) You can change the speed of the transition by editing the cffSpeed = 5000 value at the top of the snippet. 5000 is equal to 5 seconds (5000ms).

Changing the font in your Facebook feed and using Google Fonts

Please refer to this FAQ for directions on how to use Google fonts in your Facebook posts.

Can I display my Facebook posts horizontally or in multiple columns?

Please refer to this FAQ for directions on how to display your Facebook posts in multiple columns.

My Facebook feed appears to have stopped updating / working

If your Facebook feed doesn’t appear to be showing the most recent Facebook posts then the most likely explanation is that the recent Facebook posts in your feed may be shared from a user’s personal Facebook profile. Facebook’s privacy policy doesn’t allow posts that you share from personal Facebook profiles to be shared outside of Facebook as the posts don’t technically belong to your Facebook page, they belong to the user who posted it to their personal Facebook profile. There’s an example of a post shared from a user’s personal Facebook profile here.

Please note, this isn’t a limitation of our plugin, it’s a restriction which Facebook places on it’s content in order to protect the privacy of their Facebook users.

Potential solutions

  • You could re-post the Facebook post to your page rather than sharing it to your Facebook page. If you re-post the content as your own post on your Facebook page then the content now originates from your Facebook page and will be displayed in the Facebook feed on your website.

  • If you were to share a post from another Facebook page or public source, rather than sharing it from someone’s personal Facebook profile, then it would show up in your feed outside of Facebook, but by default any posts that originate from a personal Facebook profile are protected by Facebook’s privacy policy and is the private content of that Facebook profile owner.

I’m receiving an error message when trying to display my Facebook posts

Please refer to our Error Message Reference page for information on how to resolve common error messages.

Creating a Masonry grid layout from your Facebook posts

Please refer to this FAQ for directions on how to create a Masonry grid layout from your Facebook feed posts.

How do I customize my Facebook feed?

You can customize the Facebook feed by setting the options on the Customize page, which can be found under the Facebook Feed menu in your left hand WordPress admin menu. If you need even deeper customization than the built in options allow then you can add your own CSS to the plugin in the Custom CSS section under the Misc tab to further customize your Facebook feed.

You can also override these styles for individual Facebook feeds by setting options within the shortcode. For example, you can change the height of a specific Facebook feed like so: [custom-facebook-feed height=500px].

The Custom Facebook Feed shortcode options aren’t working

The most common causes of this are:

1) There’s HTML tags within the [custom-facebook-feed] shortcode which are preventing it from working correctly

If you copied and pasted the shortcode into the Visual editor on your WordPress page/post editor then it may have inadvertently included some HTML tags from the page that you copied it from. The easiest way to check this is to view the ‘Text’ view in your WordPress editor and see whether there are any stray HTML tags in the shortcode itself.

2) The shortcode includes curly single quote characters

If your shortcode includes single quotes then check that they are the standard single quotes and not the curly kind.

3) Typo in the shortcode option

Ensure that there aren’t any spelling errors in the shortcode options that you’re using and that the format is consistent with that demonstrated on the Shortcode Options reference page.

Facebook avatar pictures aren’t showing up in my Facebook feed

The most common reason for this is that an add-on or extension you have installed in your web browser is blocking the pictures being loaded from Facebook. Try checking to see whether you have any add-ons or extensions installed in your browser and, if so, try disabling them to see whether that solves the problem and displays the pictures from Facebook.



Screenshots:


  1. By default the Facebook feed inherits your theme's default styles and is completely responsive

    By default the Facebook feed inherits your theme's default styles and is completely responsive

  2. Completely customize the way your Facebook feed looks to perfectly match your site

    Completely customize the way your Facebook feed looks to perfectly match your site

  3. Use custom CSS to customize every part of the Facebook feed

    Use custom CSS to customize every part of the Facebook feed

  4. Display Facebook events

    Display Facebook events

  5. Configuring the Custom Facebook Feed plugin

    Configuring the Custom Facebook Feed plugin

  6. General options - Custom Facebook Feed Layout & Style page

    General options - Custom Facebook Feed Layout & Style page

  7. Typography options - Custom Facebook Feed Layout & Style page

    Typography options - Custom Facebook Feed Layout & Style page

  8. Misc options - Custom Facebook FeedLayout & Style page

    Misc options - Custom Facebook FeedLayout & Style page

  9. It's super easy to display your Facebook feed in any page or post

    It's super easy to display your Facebook feed in any page or post



Other notes:




Latest Change log entry:


  • Tweak: Added the link source URL below the title for shared link posts
  • Fix: Some themes would prevent the “Share” link from working successfully
  • Fix: Fixed an issue with the “Feed Columns” setting not working if the minified versions of the plugin CSS/JavaScript files were being used


Tags:


facebook, facebook feed, Facebook Page, Facebook posts, facebook wall

+ Jason's Comments

I recommend upgrading to The Custom Facebook Feed Pro for more features: post images, likes, shares and comments. I can install the Pro version on your website on request under my license for $49AUD /year (RRP $49USD /year).

If you don’t need custom feed, I recommend a Simple Facebook Like Box.

My affiliate link:
Smash Balloon


FB Posts, Events, News...

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

2 months ago

You asked and we listened! In v5.0, our Instagram Feed Pro WordPress plugin has been completely rebuilt from the ground up with a focus on performance and reliability. Update now while it's hot and fresh out the oven! ... See MoreSee Less

You asked and we listened! In v5.0, our Instagram Feed Pro WordPress plugin has been completely rebuilt from the ground up with a focus on performance and reliability. Update now while its hot and fresh out the oven!

Comment on Facebook

Не работает плагин. Не понимаю что происходит. На всех страницах показывает одну и ту же ленту. imbirchik.store это произошло после обновления на 5 версию плагина. Хотя другие сайты, которые не обновил с 4 версии работают. На сайте 02.imbirchik.store переключаем страницы и фотографии меняются. Обновили на 5 версию imbirchik.store и фотографии перестали меняться на разных страницах хештеги разные. Пользователь imbirchik32@gmail.com

3 months ago

Facebook Groups are making their long-awaited return to v3.9 of the Custom Facebook Feed Pro plugin! You can now display timeline posts, events, videos, and albums from groups that our app is added to. See here for more info: smashballoon.com/display-facebook-group-feed/ ... See MoreSee Less

Facebook Groups are making their long-awaited return to v3.9 of the Custom Facebook Feed Pro plugin! You can now display timeline posts, events, videos, and albums from groups that our app is added to. See here for more info: https://smashballoon.com/display-facebook-group-feed/

Comment on Facebook

Great job, Smash Balloon

Smash Balloon This is great! Can we display a group AND a page on the same website? It seems you have to choose either a page OR a group in the Smash Balloon settings.

#love and health

Will a single site license work on a WP-Multisite?

Is this currently working with closed groups??

View more comments

5 months ago

Version 3.8 of the Custom Facebook Feed Pro WordPress plugin is out now! Adds support for the latest version of the Facebook API and the ability to display feeds in multiple columns. Update away! ... See MoreSee Less

Version 3.8 of the Custom Facebook Feed Pro WordPress plugin is out now! Adds support for the latest version of the Facebook API and the ability to display feeds in multiple columns. Update away!

Comment on Facebook

Hi, I am new to the plugin. How do i get this view in this picture? All I see is Thumbnail, Half and Full and none of them make it look like this. Thanks

For example, this one: invitingmuslimstochrist.com/inviting-muslims-to-christ-on-facebook/ Latest version, etc., so I'm stumped as to what to do. Any advice?

Hi I'm interested in your pro version of the Instagram feed. Is it able to show images that other tag us on?

So you no longer need the masonry column extension?

Can I show multiple FB-accounts in a same view like this? (3 columns)

View more comments

7 months ago

Update alert! Version 4.1 of our Instagram Feed Pro plugin has been released out into the wild. It adds support for Instagram stories, allows ads to be displayed in your feed with our Mediavine integration, and more. See the full change log here: smashballoon.com/instagram-feed/change-log/ ... See MoreSee Less

Update alert! Version 4.1 of our Instagram Feed Pro plugin has been released out into the wild. It adds support for Instagram stories, allows ads to be displayed in your feed with our Mediavine integration, and more. See the full change log here: https://smashballoon.com/instagram-feed/change-log/

Comment on Facebook

Will it show products if tagged? Also can you link to your account and # tags at the same time?

Super exciting!!!

Top