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» Tutorials» How to Add a Facebook Follow Button for Authors in WordPress

How to Add a Facebook Follow Button for Authors in WordPress

Last updated on August 28th, 2014 by Editorial Staff
135 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Add a Facebook Follow Button for Authors in WordPress

Not every blog needs a facebook fan page. If you have a personal blog, then you can easily use your Facebook profile and the subscription feature to allow users to follow you on facebook. Similar to the like box, facebook offers a follow button for users to use on their websites. Recently, one of users asked us how to add a Facebook follow button in WordPress. In this article we will show you how to add a Facebook follow button for authors in WordPress.

For single author blogs, you can just get the code from Facebook Social plugins page and paste it in your templates or a widget. On the other hand sites with multiple authors have to take few more steps.

Facebook Follow Button

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

Adding Facebook Follow Button for a Single Author WordPress Blog

For a single author WordPress website, the simplest way to add a Facebook Follow button is by getting the code from Facebook Social Plugins website and pasting it into your WordPress theme template, widget, or a page.

Manually adding Facebook follow button from Facebook social plugins website

Simply provide the Facebook profile URL of the user, and facebook will automatically generate a preview of the follow button on the right. Choose a layout and configure the appearance of the plugin, and then click the Get code button. Copy the code in <iframe> tab and paste it in a widget, post, or page.

Get the follow button code in an iframe for your WordPress website

Adding Facebook Follow Button on Multi-Author WordPress Blog

First thing you need to do is install and activate Facebook plugin. Upon activation the plugin adds a Facebook menu item in your WordPress admin sidebar. Clicking on it will take you to plugin’s General settings page. This page will ask you to provide application key and secret key.

How to create a Facebook Application for your Website

Go to Facebook Developers website and log in with your Facebook account. Next, click on Create New App button.

Creating a new Facebook App

A small pop up would appear, and it will ask you to provide a name for your app. The other two fields in this form are optional.

Give a name to your Facebook app

Now you will land on a developer page for your app where you will see your App ID and APP Secret Key. You need to copy those keys and enter them into the Facebook plugin’s page on your WordPress website.

Adding the Facebook Follow Button

Go to Facebook » Follow Button menu option. The plugin settings are pretty intuitive. You would need to choose where you want the follow button to appear (posts, page, archives, home, etc.) and position (before or after posts, or both). Ideally, you would want to display author information on single posts. Depending on your theme, you can choose to display the Facebook follow button below the posts or before the post content. You can also choose the color scheme and content width. There are three layout available for the follow button (standard, button count, and box count). Choose the one that compliments your site’s layout and save changes.

Follow button layouts

Once the app setup is complete, each user must connect their Facebook account with the site. If you are the only author on your website, then go to Facebook » Social Publisher and click on the link Associate your WordPress account with a Facebook account.

Connect your WordPress website account to your Facebook account

Clicking on the link will open a pop-up window asking your permission to connect your WordPress website’s app and your Facebook account.

Other authors on your website can connect their accounts from Users » Profile page. Where they will see a link to connect their account.

Authors can connect their accounts to Facebook too

Example Screenshot

Facebook Follow Button

Aside from the follow button, Facebook offers various other ways to integrate your website with Facebook such as: Facebook comments, Facebook Like button, Facebook Send Button etc.

We hope that this article helped you add a Facebook follow button for authors on your WordPress site. If you have any questions or suggestions, then please leave a comment below.

135 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • How to Start Your Own Podcast (Step by Step)

    How to Start Your Own Podcast (Step by Step)

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

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

15 Comments

Leave a Reply
  1. Kerry says:
    Mar 29, 2020 at 12:42 pm

    OK… So none of the pages noted here exist anymore………………………

    Reply
    • WPBeginner Support says:
      Mar 30, 2020 at 9:24 am

      Thank you for your feedback, we will certainly look into updating this article when we are able.

      Reply
  2. tony says:
    Mar 19, 2018 at 7:22 pm

    seems like a pretty easy set up process

    Reply
  3. Yogesh says:
    Sep 22, 2017 at 4:39 pm

    Very nice information

    Reply
  4. Arnold Paseiro says:
    Sep 27, 2015 at 8:30 pm

    I know this is an old post and I was able to do it for Twitter but Facebook now doesn’t have an iframe choice or any choice for that matter, so I am stuck. It’s 2015. I still need help.

    Reply
  5. Ruby Dawnbrooke says:
    May 29, 2015 at 12:00 am

    Hello! I have a question, it no longer works but how do I do it?

    Reply
  6. Chris says:
    Nov 4, 2013 at 12:53 pm

    Is there an easy way to get this follow button onto an individual author’s archive page?
    I imagine you can use the same code from the Facebook, but I’m not certain how to inject each author’s Facebook profile URL unto the follow button code.
    Thanks for any advice.

    Reply
  7. Hal says:
    Oct 1, 2013 at 3:18 pm

    Appreciate the effort, but this doesn’t work as of October 1, 2013 – the date I tried it.

    Reply
    • Editorial Staff says:
      Oct 4, 2013 at 7:36 am

      Which part is not working? It seems to be working fine. The demo is live on the FB site itself.

      Reply
      • Sangeeta says:
        Oct 26, 2013 at 5:21 am

        Its not working on my wordpress as well. The Iframe code does not save in the Text widget.
        Any guidance would be welcome, thanks.

        Sangeeta
        Oct 26 2013

        Reply
        • WPBeginner Support says:
          Oct 26, 2013 at 11:35 am

          Sangeeta if your site is hosted on WordPress.com then iframe code will not work for you. Please see the difference between WordPress.com vs Self Hosted WordPress.org . If your site is not hosted on WordPress.com then you will get an error most probably because you did not select the width for your follow button. Enter a value in the width and the iframe code should work fine.

  8. Rowan says:
    Aug 27, 2013 at 7:03 pm

    Thanks for this post. I’m having trouble getting a follow button for my FB page to show up in my wordpress posts. I want to have a simple follow button in my posts rather than a sidebar widget. Your post mentions that I can just paste the code into my theme template but I’m not sure where to do that.

    Is there a way of doing this so that I don’t need to manually paste the code into every blog post? I’ve tried using a few plugins but they all seem to only create a sidebar widget or a “like” button in-post which only likes the post, not my FB page.

    Any ideas?

    Reply
  9. Albert Albs says:
    Jun 11, 2013 at 8:28 am

    Thanks for the tips. But it is extra load on our website. No wasting of time.

    Reply
  10. Henry says:
    Jun 11, 2013 at 1:51 am

    Thanks for the useful tut.

    Reply
  11. Travis Pflanz says:
    Jun 10, 2013 at 11:37 am

    Is there a direct URL to follow a user? I would be more beneficial to simply swap out a URL, than re-code a section of my website to add a follow button.

    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
TrustPulse
TrustPulse
Instantly get 15% more conversions with social proof. 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 2021 (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 (2021)
    • 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 (2021)
    • SiteGround Reviews from 4464 Users & Our Experts (2021)
    • Bluehost Review from Real Users + Performance Stats (2021)
    • 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 2021 – Step by Step Guide
Deals & Coupons (view all)
DesignEvo
DesignEvo Coupon
Get 25% OFF on DesignEvo premium logo making service.
Themify
Themify Coupon
Get 20% off Themify's beautiful, responsive WordPress themes. Choose any theme or get all 42 for just $71.20 ($1.69 per theme)!
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
  • Growth Fund
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon
  • AIOSEO

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

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