Beginner's Guide for WordPress / Start your WordPress Blog in minutes

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.

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

11 CommentsLeave a Reply

  1. Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

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

  3. 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. 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. 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. Hi There, thanx a lot. I want to have only ‘fb login’ on my site, is there a way to remove wordpress registration?

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

  8. 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. 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.