How to Add Social Login Plugin to WordPress Website (Easy Guide)

Social login plugin to wordpress

Do you want to add social logins to your WordPress website?

The process of social login uses the existing social media credentials of a user so that they won’t have to go through the hassle of filling out registration forms. With social login, the users can immediately sign up for an account on your website and start accessing your services without delays.

In this article, we’ll show you how to add social login plugin to WordPress site using the LoginPress plugin's Social Login add-on.

Table of Content 

Why Should You Add Social Logins to WordPress?

Adding social login to your WordPress website takes your website to the next level by facilitating the visitors who wish to become your registered users. Here are a couple of ways social login benefits your website.

Users Hate Creating New Accounts

Remembering usernames and passwords for every account is a huge hassle. Similarly, filling out the registration form when they wish to access your services is a significant reason many users close the tab and move away from your website.

Social login removes these hassles by allowing the users to register and log into your website with a click by providing their social media credentials as a substitute for the long registration forms.

Social Login Saves Time

Social login is convenient as users can quickly create an account on your website using their social media accounts instead of wasting time filling up the website registration form.

With social login to your website, users can quickly access your content or services without hassle. This is particularly important for users who need quick one-time access.

Social Login Prevents Password Fatigue

Password fatigue is a phenomenon where users find creating and remembering passwords a serious issue affecting their daily lives.

From the security perspective, password fatigue could result in weak passwords and thus weaken security. As a result, cybercriminals can easily break into your website.

Social media platforms generally enforce a strong password policy where users must create strong passwords for their accounts. Social login brings that security to your website by using those strong credentials for your website login.

You’ll See Less Failed Website Logins

Failed login attempts generally translate into a poor user experience. Additionally, many websites limit the number of login attempts as protection against brute force attacks. However, many failed login attempts are from users who forgot their credentials.

Social login minimizes the risk of failed login because the users don’t have to remember anything. They can quickly log in and go to their desired section of the website.

Social Login Increases the Accuracy of User Data

Most users admitted that they enter fake information or leave incomplete forms when creating a new account on a website because they don’t want to give out their information because of privacy concerns.

Website owners use user data to target the right segments in marketing campaigns. Social login ensures that the user information is correct and that the users are properly segmented. As a result, the marketing campaigns are correctly targeted and result in better ROI.

How to Add Social Login Plugin to WordPress Site With LoginPress

The LoginPress Social Login Premium add-on simplifies user signups by allowing them to easily register and log in to your website using their social media accounts, including Facebook, Twitter, or LinkedIn.

The Social Login add-on also reduces spam and bot registration. This is an important benefit for websites that use user data for segmented offers and location-specific campaigns.

Note: The following steps assume that you already have LoginPress Wordpress login plugin installed and activated on your WordPress website. For more information, read our article on How to Install and Activate LoginPress Pro.

Step 1: Download the Social Login Add-on

The first thing you need to do is download the Social Login add-on.

Log in to your WPBrigade account and navigate to the Downloads tab.

Once you’re on the Downloads tab, look for the Social Login add-on and click Download.

WPBrigade Account

Step 2: Install and Activate the Social Login Add-on

After you have downloaded the add-on, you need to install and activate it. You can do this by going to the WordPress Dashboard and navigating to the Plugins Page.

Once you’re on the Plugins page, click New and upload the plugin file you downloaded in the previous step.

WordPress Plugin Page

After you have uploaded the plugin, click Install Now and then the Activate Plugin button.

At this point, the add-on is ready for action.

Step 3: Set up the Social Login Add-on

Now that the plugin is activated, you need to navigate to the LoginPress settings. On the Settings page, you’ll see the Social Login tab.

Social Login Add-on

Add Facebook Login With the LoginPress Social Login Add-on

Facebook has a huge user base and allowing users to use their Facebook account to log into your website is a great idea. Let’s see how the Social Login add-on sets up a Facebook login for your WordPress website in a few minutes.

Note: You need a Facebook for Developers accounts for integrating Facebook login. We recommend you set up a Facebook for Developers account before proceeding with the following steps.

Go to the Social Login tab of LoginPress and go to the Settings tab.

To enable Facebook login, simply move the toggle for Facebook Login.

Social Login Facebook Login

Now go to Facebook for Developer and click Create App (found under My Apps). Select the Build Connected Experiences option and click Continue.

Facebook for developer page

Now, fill out the form, click Create App and add a product for the app. In our case, it's Facebook Login. Click Set Up under Facebook Login. Select the platform for this app (in our case, Web). Enter your web URL and save the settings.

Welcome Facebook Developer Page

Next, go back to Settings and click Basic. Fill out the required fields (Contact Email, App Domain URL, Privacy Policy URL, and Data Deletion Instructions URL) and click Save.

Next, select the category and click Confirm. You will get the AppID and App Secret key. Copy these to a safe location because you’ll need to add these two to the LoginPress Social Login's settings. Don’t forget to save the settings after you have added the values.

AppID and App Secret Key

Now go back to the Facebook for Developers account. Go to Facebook Login, and then Settings. Add the valid OAuth redirect URIs here

Now, save the settings.

valid OAuth redirect URIs

The final step of the process is to mark the app Public. For this, check the box in the top bar. Remember to save the settings.

Add Twitter Login with LoginPress Social Login Add-on

The first step is to toggle the Twitter login option in the add-on settings.

Social Login Twitter login

Here are the rest of the steps of the process.

First of all, register your website at Twitter Developer.

Note: If you’re registering a fresh Twitter Developer Account, you might have to wait for a couple of days for authentication.

Click Create an App and fill out the required informational fields.

Create App Information Field

Now, click Create. Read the terms and click Create. Next, you’ll need security keys. For these, go to the Keys and Access Token tab and copy the keys listed under Consumer API Keys.

Keys and Access Token

Now you need to set the callback URL. Simply copy the Twitter Callback URL from the Social Login Help tab and paste it into the Twitter Developer Portal’s Edit authentication settings field. Fill in all the fields and click Save.

Note: You’ll need the website and callback URLs.

Callbacks URL Screen

Now toggle on LoginForm from the Social Login Settings tab and click Save.

Loginpress Social login Setting

Add Google Login with LoginPress Social Login Add-on

Enable the toggle for Google Login, found in the Settings tab of the Social login add-on.

Social Login Google Login

Next, follow these steps.

First of all, register your website with Google APIs at Google Developer Console.

Click Create Project and fill out the required information (Project Name and Location).

Note: If you have multiple projects, choose the appropriate project from the top left dropdown project list.

Now, navigate to the OAuth consent screen and choose External for the user type. Fill out the required fields (Application Name, App domain links, and Authorized domains). Leave everything as is in the Scopes and Test Users sections and click Save and Continue. Now, click back to the dashboard.

OAuth consent screen

Next, go to the Credentials page from the left sidebar. Here select Create Credentials and then select OAuth client ID. Next, select the Application type (In our case, Web application).

Fill out the required fields (Name of your Application & Authorized redirect URIs) and save the settings.

Note: Save the Authorized Redirect URI

Application & Authorized redirect URIs)

Now you’ve reached the final step. Simply save the settings. You’ll see the OAuth Client Created popup. Copy the Client ID and Client Secret and add them to the Social Login add-on settings. Remember to save the settings.

Add LinkedIn Login with LoginPress Social Login Add-on

In the first step, toggle LinkedIn Login in the Settings tab of the add-on.

Social Login LinkedIn Login

Next, register your website at the LinkedIn Developer portal. You simply need to go to My Apps to create a LinkedIn app.

LinkedIn Developer Portal

Enter the App name and choose the LinkedIn page. You also need to upload a logo for the app.

Create an App linkedin

Verify app

The next step is company verification. The process will generate a validation URL. Copy it and click I'm done.

General URL Linkedin

Social Login Loginpress Products

Add Products Linekdin

Now you have to wait for the review.

Next, copy Client ID & Client Secret from the Auth Tab and paste them into the Social Login add-on settings. Save the settings and log out from WordPress to see if the LinkedIn Sign is properly integrated.

Client ID & Client Secret

Copy Client ID and Client Secret and paste them into the Social Login Settings tab.

LoginPress Social Login Integration

Once the app is successfully created, go to the Auth tab of the app where you will see the credentials and the Redirect URLs. Paste the URL in the Authorized Redirect URL field.

Add redirect url

Now go back to the Social Login Settings tab. Toggle the Login Form button on and click Save.

Enable on Login Form Social Login Setting

Conclusion: Social Login Plugin to WordPress

Adding Social Login for all users is a simple yet effective way to alleviate online registration headaches. While WordPress doesn't offer this functionality as a part of the core features, the LoginPress Social Login add-on fills in the gap nicely.

Social login integration with the WordPress website is getting popular as it simplifies the registration and login process for the users. Social login is also great for website owners as they get cleaner user data, resulting in better campaign ROI.So that social login plugin can be the best for you if you have a WordPress website.

We hope you'll now understand how to add social login plugin to WordPress. Start using the LoginPress Social Login add-on and free your users of login headaches on your WordPress website.

Frequently Asked Questions

Can I enable the Facebook login feature with the LoginPress Social Login add-on?
Yes! You just need to go through the steps to enable the Facebook login option offered by the LoginPress Social Login add-on.
Do I need to use a separate plugin to add Google login on my website?
No! You don’t need to have another plugin to add Google login on your website as the LoginPress plugin’s Social Login add-on offers a Google login.

That's all! You can also check out How to Change or Reset a WordPress Password (2022) and How to Redirect Users After Successful Login in WordPress

Not using LoginPress yet?What are you waiting for?

Leave a comment

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