How To Log In To WordPress Using A Social Network

Advertisement

WordPress has a fairly straightforward registration system. To register, you only need to submit a user name and your email address. A password is then emailed to you and you can log in. This registration process can actually be made quicker by enabling visitors to sign up and log in using social media services such as Facebook, Twitter and Google+.

How To Login To WordPress Using A Social Network1

A few months ago, in the comments area of my article “How to Integrate Facebook, Twitter and Google+ in WordPress2,” a Smashing Magazine reader asked how this could be achieved. I am pleased to look at this issue for you all today. We’ll look at three WordPress plugin solutions that let you quickly add social-media registration functionality to your website, and we’ll look at the strengths and weaknesses of each.

How To Log In To WordPress Using A Social Network

I’ve tested all of the plugins in this article on my test blog; however, being prudent is always safe. So, back up your database before installing any of these plugins on a live website. Alternatively, you could create a WordPress test area that has the same theme and plugins installed as your live website and test everything out there.

You’ll also be glad to know that all of these plugins are free to download, so feel free to try a few to see which suits you best.

WordPress Social Login

Information and download3

Not only does WordPress Social Login304 let users register and log in with over a dozen social media services, it’s also one of the easiest plugins to set up. It supports Facebook, Google, Yahoo, Twitter, Windows Live, MySpace, Foursquare, LinkedIn, Gowalla, Last.fm, Goodreads, Tumblr and AOL. In the settings area for each service, simply enter the corresponding application key and secret, and select whether you want to allow users to sign in using the service.

WordPress Social Login5

In the customize section, you can choose the text that is displayed before the social media icons. Two icon sets from WPZoom and IconDock are available, although they are very similar.

You can also set the URL where logged-in users are redirected to, and you can define whether users may use a default avatar or a profile image from the social media service they signed up with.

WordPress Social Login6

Once everything is set up, you will see a list of social media services on your log-in page. Visitors may then click on their service of choice and authorize your app to register and/or log them in to your website. The social media icons are also added to the top of the comments area so that people can easily sign in and leave comments. Integration details can be found in the customize section and show you how to display the log-in icons anywhere using PHP (for example, in the sidebar, header, footer, etc.).

WordPress Social Login7

While, this plugin supports the most popular social media networks, I’d love to see more options added to the mix, such as for WordPress.com and OpenID. Still, setting it up is incredibly quick, and being able to add the log-in buttons to your website using PHP makes it very flexible and a good choice for those who want to integrate a social-media log-in area directly in their design.

Social Login

Information8 | Download9

Social Login3110 is a BuddyPress-compatible solution that works with Facebook, Twitter, Google, LinkedIn, PayPal, Yahoo, OpenID, LiveJournal, WordPress.com, Windows Live, StackExchange, Hyves, Mail.ru and VKontakte.

It was developed by the social log-in service OneAll11. In order to use the plugin, you need to sign up with OneAll12. What’s cool is that you can actually sign up using a range of networks, such as Facebook, Twitter and OpenID.

Setting Up Social Login13

You then need to enter some details about your website, such as the subdomain you want for your website. Make sure to enter your domain’s details correctly.

Setting Up Social Login14

You will then be given the API details for connecting your WordPress website to OneAll. Completing this initial process will take you less than two minutes.

Setting Up Social Login15

Unfortunately, you’re not finished yet because you still have to set up an application for some social networks. Hyves, LiveJournal, OpenID, StackExchange and WordPress.com don’t require any attention (you can change some settings if you want, though), but you will need to set up applications for major networks such as Facebook, Google and Twitter. Criticizing the plugin for this is difficult, though, because the networks are the ones requiring this information. The plugin also supports eight languages: English, French, Spanish, Russian, Italian, Chinese, Japanese and German.

Social Login Providers16

Once you have configured all of the network application’s details, you will need to enter the API details for your website on the set-up page of your WordPress website.

Setting Up Social Login17

Last but not least, decide which social networks to enable on your website. Enable only the networks that you configured in your OneAll account, or else visitors will get an error message saying that the plugin cannot connect to the service.

Setting Up Social Login18

Social Login adds icon links to your registration and log-in page in much the same way as other plugins, with the addition of a credit link back to OneAll. There is an option to add the log-in icons to a widget area such as the sidebar, too.

Social Login19

The plugin also has a fairly large settings area that lets you configure log-in, registration and comments settings. Some useful options are here, such as automatically approving comments from people logged in via Social Login and linking new accounts to existing accounts for identical users.

Social Login Settings20

Social Login relies on a third party service to work, which means that setting up the plugin takes slightly longer than other solutions. It does work with a lot of popular social networks, though, and it does have some cool features that other plugins don’t have, so it’s certainly worth considering.

Social Login for WordPress

Information21 | Download22

Social Login for WordPress3223 is a popular plugin that uses the LoginRadius24 service to log users into social networks. It currently supports 21 networks, including Facebook, Google, MySpace, WordPress and Yahoo.

Just like Social Login, you will need to sign up with LoginRadius in order to use the plugin. This can be done fairly quickly using any of the social networks that the service supports. Once you have signed up, select which networks to make available to users.

Setting Up LoginRadius25

Choose from two icon styles, and adjust the size of icons to small, medium or large. Also, choose whether to display four networks at a time and hide the others behind a scroll bar, or display all of the icons at once.

Choose Your Social Media Icons26

Eight of the twenty-one available social networks require you to set up an application.

Set Up Networks27

You will need to enter the LoginRadius API’s details in the plugin’s settings area. Icon buttons may be displayed on the log-in page, registration page and comments area. A widget also lets you display the log-in form in a widget area such as the footer or sidebar.

By default, users are assigned the avatar of the social network that they signed up with, although you may use a default avatar instead if you wish. You can also set the page that users are redirected to upon logging in.

Configure Social Login for WordPress Plugin Settings28

In the settings, you can change the text that is displayed above the social icons in the log-in, registration and comment areas. The text displayed above and below your widget can be customized independently. Also, if the user signs up using a network that does not provide an email address, you can request this additional information from users.

Login Page29

One feature that LoginRadius provides that other services don’t is the ability to track user activity. You can view statistics on active users, new users, users per day, total log-ins, log-ins per user, log-ins per day and the cities and countries that users are logging in from. Administrators of large websites will find this data useful.

Social Login for WordPress (and LoginRadius) is very similar to Social Login (and OneAll) in many respects, although setting up is slightly quicker, and seven more networks are supported. Both plugins let you display a log-in form in a widget area. While Social Login does have more configuration options, Social Login For WordPress has useful statistics about users. Recommending one over the other is, thus, difficult.

Summary

All three plugins are free to download, so if you have time and want to be careful in choosing the right solution, try them all out and see which fits your project the best. Below is a quick summary of the strengths of each solution.

  • WordPress Social Login304
    Quickest to set up because you don’t need to sign up for a third-party service. The log-in form can be integrated anywhere in your design using PHP.
  • Social Login3110
    Supports most major social networks, and has some great features such as automatically approving comments from users who have signed up using a social network. Also, the log-in form can still be displayed even if comments are disabled for guests (a great way to reduce spam).
  • Social Login for WordPress3223
    Supports a whopping 21 social networks, and through your LoginRadius account, you can check analytics on users, such as frequency of log-ins and country of origin.

If you know of any other great solutions not mentioned in this article, please share them in the comments area below. Also, subscribe to Smashing Magazine via RSS33, Twitter34, Facebook35 or Google+36 to get the latest articles delivered directly to you.

Also Tested

I prefer to offer readers a much wider range of plugin options, but despite a lot of plugins being available to integrate social networks into WordPress’ registration and log-in process, I found that a lot of them did not work. The following plugins were tested for this article but were not covered because I found them to by buggy or nonfunctional:

(al)

↑ Back to topShare on Twitter

Kevin Muldoon is a Scottish webmaster and blogger who currently lives in South America. His labour of love is WordPress Mods; a blog which focuses on WordPress Themes, Plugins, Tutorials, News, Modifications.

  1. 1

    Hi,
    thanks for this comparaison,
    however you don’t talk about ‘Social Connect,’ this is the plugin i use for Toolmarklets (http://www.toolmarklets.com) and i find it really easy to implement.

    1
  2. 3

    Great write up Kevin. I guess you’re still involved with WPMods? I thought you sold that blog?

    1
  3. 4

    WOW, just what I was searching for, for a new platform I intend to implement on my website (thesportsresume.com). Great Job.

    0
  4. 5

    Alister Cameron

    July 20, 2012 5:37 pm

    You forgot the Big Kahuna of social login – Janrain (http://www.janrain.com).

    There’s also Gigya.

    Disappointing that you are so incomplete, and list small fry options while missing these two.

    1
    • 6

      Big kahunas is right. They charge thousands (yep, not hundreds; thousands!) of dollars for this functionality. Good to skip them.

      0
  5. 7

    Great article, Kevin. I was looking for social login plugin and found your post. Nice and to the point explanation, saved lots of my time.. :) I tried all 3 and http://wordpress.org/extend/plugins/loginradius-for-wordpress/ plugin works perfect as i expected.

    Thanks for the post!

    1
  6. 8

    Hi Kevin,

    Do we have a social login which does not require any external connection. (I mean APIs or Curls)?

    I have got a commenting system like disqus which works for me that way.

    Looking for a similar log-in widget.

    Thank You for your help.

    0
  7. 9

    How would I integrated those plugins into my custom made theme let’s say if I wanted to have a photo + user’s name at the top right corner of my layout?

    0
  8. 10

    Hello Kevin,

    after you log in with facebook are you “officially” logged in? What I mean is, would

    is_user_logged_in()

    return true (with any of these plugins)? This is vital for my purpose.

    Thanks!

    1
  9. 11

    Good way of telling, and fastidious piece of writing to get data on the topic of my presentation focus, which i am going to deliver in institution of higher education.

    0
  10. 12

    Zacharias Beckman

    January 15, 2014 4:37 pm

    Thank you for the detailed review… one question: I notice you are not using social login for your own site. Ok, two questions:

    1. Why not?

    2. Can you set up a site to allow both social login as well as WP’s basic name/email commenting? (In other words, could you have social login icons next to your comment form, so users have the option of providing their name and email, or of logging in with, say, Facebook)?

    0
  11. 13

    The WordPress Social Login link takes you to a page which says it can’t be found – do you have an updated link?

    0
  12. 15

    Great article! It has almost two years and still that is exactly what I needed for my most recent project :)
    Thanks for this comparison – it’s really helpful :)

    0
  13. 16

    i want to use integration that i will login a site with facebook’s login details and after login my page will be able to access all my profile information.
    can smbdy help me to find plugin so … or to create new one …

    0
  14. 17

    Good Work Done In This Article. From past few months I was looking for social plugin and just now found your post. The point you mention is really great.

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top