Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Add Facebook Recommendation Bar in WordPress

Facebook is the largest social networking website in the world. This is why many websites integrate with Facebook in various different ways such as by adding a facebook like box, facebook comments, facebook like button, and facebook send button. Many websites claim that by adding these social elements they were able to increase user engagement. In this article, we will show you how to add facebook recommendation bar in WordPress, so you can further increase the engagement on your site. Facebook recommendation bar adds a like button at the bottom of the screen which expands as a user scroll downs and show them articles they might want to read on your website.

First thing you need to do is install and activate the Facebook plugin. After activating the plugin, click on the Facebook menu item in your WordPress admin sidebar. This will take you to plugin settings page.

Create a Facebook App

In order for the Facebook Recommendations bar to work, the first thing you need to do is setup a Facebook App. It is very easy and simple to create a Facebook app for your WordPress website. Log in to your Facebook and then go to the Facebook Developers website. This is the place where facebook developers can manage their apps. To get started, click on Create New App button.

Creating a new Facebook App

This will bring a small pop up on the screen where you need to provide a name for your app. The other two fields in this form are optional, and you can leave them blank.

Create a new Facebook app

Now you will land on developer page for your app, and it will display your application ID and application secret key. You need to copy these keys and enter them into the Facebook plugin page on your WordPress website.

Setting up Facebook Recommendation Bar

Once you have provided app ID and secret key, additional modules including the Recommendation bar will appear under the Facebook menu. Go to Facebook » Recommendations Bar to configure the settings.

Facebook Recommendation bar settings

The settings page for Facebook Recommendations bar is fairly simple. First, you need to choose which pages you want the recommendations bar to appear. You can choose from post, page, and attachment. You can select all three of them if you want. The next setting is the direction of the Recommendations bar. By default it appears at the bottom of the page, but you can choose whether you want it on the bottom right or bottom left corner. The next setting item allows you to choose between Recommend or Like action items.

The most important setting item is trigger which controls when the recommendations bar will appear and expand. You can leave it to default which is on visible and triggered when a user scrolls to the bottom. You can also set a percentage, like when user scrolls 60% of the page trigger the recommendation bar. Lastly, you can manually call the recommendations bar by copy pasting the FBML tag in your templates.

After saving changes, visit your website to see the recommendations bar in action. This is how it looked like on our test site:

Facebook recommendations bar

We hope this article helped you add the Facebook Recommendations bar to your WordPress website. For feedback and questions please leave a comment below. By the way don’t forget to follow us on Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

5 CommentsLeave a Reply

  1. Andrea

    Hi, this is a very useful article, but in my blog I believe it doesn’t work in the right way.
    When the recommendation bar is open you can find only one item, that is the home page…

    Is there any settings I missed?

    • James Chang

      I encountered the same problem.
      Have you found the solution?

  2. sandi

    Very useful article, thanks

  3. Ayush Agrawal

    Any specific reason why you are not using it?

    • Editorial Staff

      Every site has different needs and goals. Recommendation bar doesn’t fit our needs/goals :)

      Admin

Leave A 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.