[Diagram & video explanation] Adding social account login function to WordPress login

A WordPress teacher will carefully explain how to add a social login function to your WordPress login!

[Super Socializer] plugin enables social login.

You can log in with just one click, so you don't have to worry about forgetting your password, and depending on the membership site, you can even implement a social login function for members!

For example, Simple Membership is a plugin for building membership sites.

[Illustrated and video explanation] Simple Memberships membership registration plugin ~ How to set up social login ~

WordPress Social Share, Social Login and Social Comments Plugin – Super Socializer Plugin Settings

The official name is WordPress Social Share, Social Login and Social Comments Plugin – Super Socializer. Use this to enable the social login function.

WordPress Social Share, Social Login and Social Comments Plugin – Install and Activate the Super Socializer Plugin

In WordPress plugin searchSuper SocializerCheck it out and install and activate the plugin.

[Super Socializer] > [Social Login]

An item called [Super Socializer] will be added to the left sidebar, so click on [Social Login] inside it to proceed to the settings.

Enable social login

Please check the box.

You will need the ID and secret key of the social site you want to use to log in. This time we will use google.

Google Login Settings

Access the API Management Console

https://console.developers.google.com/dcredirect/

Go to the Google API management console from the above URL.

Create a project

Click Create project

Enter your desired project name

Enter a project name of your choice and click [Create] without specifying an organization.

Go to Dashboard

OAuth consent screen

Select External and click Create.

OAuth consent screen

The items to be set are

1. Application Name
2. Accepted Domains

1. Application name

Anything is fine, but we recommend using your website or company name.

2. Approved Domains

Enter the domain of the site you will be using, such as ●●●.com. There is no need to include "https" or similar.

Don't forget to press enter after entering the domain, otherwise the domain you entered will not be confirmed.

3. Finally, click the Save button.

Authentication information

Click on [Credentials] in the left side menu and then click on [+Create Credentials].

Click on OAuth Client ID

Select Web Application

Advanced Setting

The items to be set are in the following two places:

1. name
2. Approved Redirect URLs

1. Name

Anything is fine, but we recommend your website or company name.

2. Approved redirect URIs

Copy the website URL. This time, enter the official URL starting with https://.

When you copy a URL, a / character may be added to the end, but be careful not to include this here.

3. Click the Create button

Your client ID has been created. You can view your client ID and secret key by clicking the pencil icon.

Checking the Client ID and Client Secret

The Google icon appears on the login screen.

You can now log in to the admin panel by clicking the Google icon without having to enter your WordPress username and password!

You must register as a user with a Google account (an email address registered with Gmail or Gsuite).