Posted in:

How to Add Social Login in WordPress Website

With the increasing popularity of social networking, it has become a new trend to allow visitors to log in website using social media account. In this way, visitors are able to register a new account using social networks instead of submitting a user name and email address. That saves visitors a lot of trouble and makes the registration process much quicker.

This guide provides details on how to add social login in WordPress website, which is great for readers who plan to enable such advanced feature on their sites. A WordPress social login plugins is selected here to settle the matter.

Install Social Login Plugin

The selected WordPress plugin is named as Social Login, which is compatible with both WordPress and BuddyPress. This plugin allows visitors to log in your website or comment on a post with accounts registered on various social networks, such as Twitter, Instagram, Facebook, Google+, and so on. Also, the Social Login plugin allows you to add the social login function to anywhere as you want, like comment area, login page, registration or sidebar.

Having had a rough idea about Social Login plugin, it’s time to install this rich-featured plugin on your website. Log into WP admin and install this plugin. A new item “Social Login” is shown on the sidebar since you have this plugin activated.

Install Social Login Plugin

Set Up Social Login Plugin

Click “Social Login” option and access to OneAll Social Login setting page. There are two tabs available for social login customization, including Setup and Settings. Start with the Setup tab.

Step 1: Sign Up an Account at OneAll

In order to get API credentials, you are required to create a free account at Sign up with a social network or do it with your email address. Select a method as you want. Enter personal information as required and then create account. Remember your account and password.

Sign Up an OneAll

Step 2: API Connection Handler

Move to API Connection Handler section and this is where to select a way to communicate with the API. Leave the default options and then click “Autodetect API Connection”. Note that, if there is something wrong with the default options, you are encouraged to select the alternative settings.

API Connection Handler

Step 3: Enter Your API Credentials

View your API credentials by clicking the given link “Click here to create and view your API Credentials”. First of all, you are asked to create a site on OneAll. Choose a subdomain for your site and give the site a proper name. And then, enter the domain name for your own website and this is where to enable the social login service. Click “Create this Site” to confirm all settings.

Create New Site

Click your site and access to the dashboard. All API credentials are included in the API Access section. The details should be shown as below.

API Credentials

Copy and paste the subdomain, public key and private key to the API Settings mode as required. Click to verify all API settings.

API Settings

Step 4: Enable Social Networks of Your Choice

This is where to determine which social networks are available for the social login. Check any services as needed. Finally, click “Save Changes” to confirm all settings.

Enable Social Networks

When we try to log into our website again, the login area should be like the following sample. In this case, users are allowed to log in with email or the specified social networks.

Social Login Example

Customize Social Login Settings

Social Login plugin enables a list of settings for social login customization. Go to Social Login > Settings and change the default settings if needed. Below is the General Settings mode. This is where to enter the text that will be shown on the social login buttons and then select a proper size for the social login button.

Also, you are allowed to determine whether to connect the social network to administration area and whether to enable email notification. Besides that, there are more settings available for user permissions, comment, profile, login page, registration page, widget and shortcode. Confirm all settings by clicking “Save Changes” button.

Social Login General Settings

Leave a Reply

Your email address will not be published. Required fields are marked *