How to Add Social Login Plugin in WordPress Website

by Mustaasam Saleem  April 11, 2018

In this day and age, it’s a rarity that anyone is without a social media account. Almost everyone has at least one or more accounts on popular social networks including Google+, Facebook, Twitter, Pinterest, LinkedIn, and WordPress. Purpose of having these accounts is now not limited to their own domain. Instead, they can be used in authenticating the user on other platforms as well.

Having too many accounts is beneficial to the growth of the community. Generally WordPress website allow users to create new account to interact with the website audience through comments, reviews or guest post. But creating a separate account for every website is a major headache for all users. Fortunately to overcome this issue, WordPress community has introduced Social Media OAuth Login feature which authorizes individual social media account to login any WordPress website. Most of us are already familiar with the concept as we use social media accounts like Facebook and Google+ to login various mobile applications and web applications like Soundcloud, Uber and FoodPanda etc.

How-To-Add-Social-Login-Plugin-In-WordPress-Website

Why Social Media login?

Social Media login sometimes referred to as Social Sign-in, is a single sign-in option that uses your existing login information from a social networking website, such as Facebook, Twitter, LinkedIn or Google+, etc. You can use the login to sign-in to a third-party website instead of creating a new account for that particular site.

For this tutorial, I am using the Super Socializer Plugin. The best part of this Plugin is that it is an open-source project that has a comprehensive User’s Guide and FAQs. However, you can choose any of the Plugins that you may like, the repository of Plugins is vast, to say the least. You can also use any of these Social Plugins.

Now, here is what you have to do to start using Social Sign-in on your WordPress or BuddyPress install.

Step 1: Installing WordPress Social login Plugin

  • login to your WordPress Admin Panel
  • Navigate to Plugins > Add New
  • From top right, search for WordPress Social login”
  • Click on Install Now” as shown in image below
  • After installing, click on Activate Plugin”

Super socializer plugin

Step 2: Configuring WordPress Social login

Navigate to side menu > click on Super Socializer > Social Login

You will see a list of social networks from where visitors on your site can register.

Plugin dashboard

 

Step 3: Enabling Social Networks

Configure WordPress Social login With Facebook.

To configure, you have to provide Facebook App ID” and Facebook App Secret”.

Facebook integration

You can follow the steps by clicking on the question mark to know more about your Application ID and Application Secret Key. For example, I am going to illustrate how you can extract your Application ID and Application Secret key for Facebook.

To get your Application ID and Application Secret Key for Facebook, you need to login to your Facebook account and go to the developer’s section.

Now click on Add a New App.

Fill the popup form with your details.

Facebook developer

You will see a list of Facebook products, hover on “Facebook login” and click on “Set Up”.

Then choose Web from available platforms.

Enter URL of your WordPress site. Click on Save, ignore any further configuration and get into the App Review from the left corner.

Now, we need to make this app publicly available. Make it to Yes.

Then, get to the Dashboard from the top left corner. There you will find Application ID and Application Secret.

Application ID

Copy and paste them into the Plugin.

Click on Save Settings at the end of the page.

Save changes

Open your website. Click on login.

You’ll see something like this.

Click on Facebook Icon and login to your website with ease via your Facebook account. By default, WordPress social login Plugin assigns the “subscriber” role to every new login attempt done via the Plugin.

For Gmail and Twitter, click on “?” and follow onscreen instructions to get “Application ID” and “Application Secret”.

Gmail configuration

P.S. The steps might be slightly different since social networks change their directions frequently.

You are now done with simplifying your login options for your website. Using social sign-in facility enables you to sign in to your site using already verified credentials. This saves you a lot of time. Adding the ability for users to login via a social site into your BuddyPress install or any other membership based site can speed up the registration process.

With this tutorial, you can successfully install WordPress Social login Plugin on your WordPress install.

Integrating social media login is getting popular day by day for obvious reasons. Website admins can ensure the credibility of the user and possibly control spam registrations. On the other hand, users also find it easier to simply sign in without going through a whole registration process. If you have any difficulty while setting it up, feel free to ask in the comments section below.

Start Creating Web Apps on Managed Cloud Servers Now!

Easy Web App Deployment for Agencies, Developers and E-Commerce Industry

About Mustaasam Saleem

Mustaasam is the WordPress Community Manager at Cloudways – A Managed WordPress Hosting Platform, where he actively works and loves sharing his knowledge with the WordPress Community. When he is not working, you can find him playing squash with his friends, or defending in Football, and listening to music. You can email him at mustaasam.saleem@cloudways.com

Stay Connected:

You Might Also Like...