WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Plugins» How to Add Facebook Recommendation Bar in WordPress

How to Add Facebook Recommendation Bar in WordPress

Last updated on June 3rd, 2013 by Editorial Staff
44 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
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.

44 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

5 Comments

Leave a Reply
  1. Andrea says:
    Jul 25, 2013 at 7:15 am

    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?

    Reply
    • James Chang says:
      Sep 26, 2013 at 11:33 am

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

      Reply
  2. sandi says:
    Jun 4, 2013 at 2:48 pm

    Very useful article, thanks

    Reply
  3. Ayush Agrawal says:
    Jun 3, 2013 at 11:43 am

    Any specific reason why you are not using it?

    Reply
    • Editorial Staff says:
      Jun 3, 2013 at 1:21 pm

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

      Reply

Leave a Reply Cancel 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.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
RafflePress - WordPress Giveaway and Contest Plugin
RafflePress
Giveaway and Contest Plugin for WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
Google Fonts for WordPress
Google Fonts for WordPress Coupon
Get 30% OFF on Google Fonts plugin for WordPress websites.
Complianz
Complianz GDPR Coupon
Get 15% OFF on Complianz GDPR premium WordPress privacy suite plugin.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.