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 Login with Facebook in WordPress

Have you seen websites that offer Connect with Facebook option for registering? Want to add login with Facebook option on your WordPress site? In this article, we will show you how to add one-click registration and login with Facebook in WordPress.

Login with Facebook button in WordPress

Why Add Facebook Connect on your site?

Some people hate filling out registration forms and waiting for confirmation emails. Adding a Facebook connect option makes it convenient for users to register on a site by using their Facebook account.

For those users who prefer to use the regular registration can still do so.

Let’s take a look at how to add login with Facebook in your WordPress site.

Video Tutorial

Subscribe to WPBeginner

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

First thing you need to do is install and activate the Nextend Facebook Connect plugin. Upon activation, go to Settings » Nextend FB Connect to configure the plugin.

Nextend Facebook Connect plugin settings

You will need to connect the plugin with a Facebook app. If you are already using another plugin to add Facebook comments, Recommendation bar, or Follow buttons, then you may have already created a Facebook app for your site. You can use the same app’s ID and secret keys in the settings.

If you do not have a Facebook app, then you can always create it for free. Simply go to Facebook Developers site and click on the create new app link under My Apps menu.

Creating a new Facebook app

A popup would appear asking you to select your app platform. You need to click on Website to continue.

Select your app platform

After that you need to provide your app name, name space, and a category for your app. You can use the name of your website as the app name and namespace and click on the create app ID button to continue.

App name and name space

Facebook will now create your app. On the next screen, scroll down a little to enter your site’s URL and then click on the Next button.

Site URL

That’s all, you have successfully created your Facebook app. You can visit your app dashboard by clicking on My Apps menu at the top and then going to the app you just created.

Make sure to copy your App ID and App secret from the dashboard.

Facebook app dashboard

Return back to the Nextend Facebook Connect’s settings page on your WordPress site and paste app ID and app secret keys. Once you do that, review other options on the screen and click on the save changes button to store your plugin settings.

That’s all, we hope this article helped you add login with Facebook in WordPress. You may also want to check out our guide on 5 ways to get more Facebook likes using WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

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

10 CommentsLeave a Reply

  1. Jocelyn Simard

    Nice to know but you do’t use it here? Why?

  2. Stu Ducklow

    Your plug in simply doesn’t work. Your documentation is inaccurate and doesn’t reflect the latest process on Facebook.

  3. Noor Alam

    This plugin is not working properly.
    when i logged in for first time in my site it asked for email & password
    but when i logout my account and click in the login link it automatically logged me in with the previous id.
    How can I login with individual account with this plugin ?
    please reply…..

  4. Jordan

    WHAT NEXT? How do I get the FB login to show up on my login page? Your guide is very complete but leaves off the final step.

  5. Adam Laurance

    Google is asking for a verified personal Facebook account to establish this link. I have tried all possible combinations I can think of -website name, facebook web address, facebook name – to no avail. Previously in wordpress it was simply a matter of adding the facebook logo and making a connection the URL. Is this option no longer possible due to spam issues?

  6. Sharath

    Hi There, thanx a lot. I want to have only ‘fb login’ on my site, is there a way to remove wordpress registration?

  7. Daniel Keith

    Hi all,
    Very nice post. I want to use one plugin for Facebook, twitter and pinterest. Is there one for this purpose.

  8. Laurent

    HI there,
    Thank you for this post. Do you if this kind of connexion is compatible with redirect plugin like “Peter’s login redirect for example”?

  9. Alex

    This is super cool. Thanks for the great post.

    My only question is if I’m trying to obtain an email list for subscriptions to my site, am I able to get the email from the Facebook plugin?

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.