How to Add One-Click Login With Google in WordPress

 In Technology

Do you need to add one-click login with Google to your WordPress website? Allowing the user of the site to login with their Gmail account avoids much more time for the user because they would not have to remember their WordPress username and password each time they try to do login.

In the article, we have covered the steps to enable one-click login for your WordPress site, hope it will helpful for you.

What is One-Click WordPress Gmail Login?

You have probably seen the feature of “one-click login” before, even if you are not aware of the term. A one-click Gmail login is where to third-party website uses google to verify your identity and give you access to use its content. In this case, your WordPress website is the third party. There are several profits to using a one-click feature. The first one is you can log in easily.

It helps to speed up your login process significantly and lets you access the content in only a single click. This also helpful for an organization with several WordPress users, One-Click login also verifies help to identify with Gmail hence prevent frauds. The One-Click login may help to improve you are security.

If you use a Complex password which is one of the best ways to secure an account but you need to admit it also hard to remember. Whereas, with this way you can set the lengthy or complex login details for your WordPress and can able to login in with just a one-click without having to remember or type it every time.

On the topic of security, might be you have doubts regarding third-party integration will make your site more exposed. But the good thing is that a single login process is the more secure one.

The process operates on the open protocol OAuth, and Google itself supports the most common OAuth scenarios. However, it is important to stay on top in the perspective of security. We recommended making all WordPress software, plugins, themes up to date.

How to Add One-Click Gmail Login to Your WordPress Website (In 4 Steps)

If you’re interested in a single login process, you can add a one-click Gmail option in WordPress by following the below four steps.

Step 1: Choose a Plugin to Facilitate the WordPress and Gmail Integration Process

To start with this you need to choose the right tools. A one-click Gmail login can quite simple to add. However, you will need to add a plugin to help you get this done. There are several quality choices available, but for this walkthrough, we will be using a Google Apps Login.

Gogle-Apps-Login

This plugin is simple to use and effective. Additionally, this Google Apps Login is suitable for regular Gmail accounts and for Google workspace also. This plugin offers a premium version also.

The license of google apps login starts from $29 for a single site and also offers extra features like a require a user to login through Gmail. However, there is no need to take a license version, you need the free version to follow this tutorial.

Step 2: Create a New Project With Google Cloud Console

In the second step, Need to set up the information on the Google Cloud Console page. You need to open the console page to get started. Once open it navigate to the upper-left corner and click on “Select Project”. It will open the pop-up like below.

In the next click on the “New Project” which is in the upper-right corner of the page. This will navigate you to the creation screen. From there, you need to fill in the form details.

new-project--cloud-creation

You need to provide a project name with some name and organization. You need to determine the parent folder of you are a project under the location field. Once you fill-up the form, verify the details once and click on the create.

Step 3: Set Up OAuth Consent

To move on to the next step, you need to return to the Google Cloud Console dashboard. Navigate to the left-hand menu and select the OAuth consent screen.

google-cloud-console--oauth-consent-dashboard

At this position, You will be taken to screen to choose between the internal or External user types.

The Term “Internal” refers to the peoples within you are an organization, while “External” refers to those people which are out of the organization login. If you are not willing to use google workspace, you will only be able to choose External. Select you are preferred option and click on Create to move to the next step.

app_registration_consent_step

To start app registration, fill in the “App Name” and “User support email fields”. You can enter a name which helpful to you and also your relevant email respectively. Also filled the developer contact information in which you need to mention the email address.

app_registration_consent_sec_step

You can add the same email which is used as the support email. Once you check then click on “Save and Continue”. Then you can navigate to the menu placed on the left-hand and select “Credentials”.

create_credentials

Once you click on “Credentials”, on the next screen select “Create Credentials” > “OAuth client ID”.

oauth-id-creating

Choose the web application in the dropdown of the “Application Type”. Once you choose the application type it populates two more fields.

cloud_oauth-client-ID

Under the Authorized JavaScript Origins field, you need to enter the domain as “https://domainname.com”. After that, you need to enter the site’s login URL under “Under Authorized redirect URIs”. Select “Create” once you complete. create_oauth_clients

create_oauth_clients

You will need these credentials to finish setting up your one-click login process, so consider having them handy. We need to use them in the last step.

Step 4: Customize Your Google Apps Login Settings

Finally, in the last step, you need to enter you are client ID and client Secret under the main setup. To see the below screen and to fill in the information, you need to navigate back to the WordPress site, access your plugin section, and navigate to the Google Apps Login.

google-apps-login-settings

Enter the values received at step 3 into the corresponding fields and save your changes once done. To see the result of this hard work, logout from your WordPress account and navigate to the login screen. It will look like below. wordpress-login-gmail.

login

You can also check the “Advanced Options” provided in the Google Apps Login plugin.

google-apps-advanced

You can also provide the “Remember Me” option for the user. You can also customize the login screen by choosing the given design options.

Recent Posts

Leave a Comment

Start typing and press Enter to search

Show Buttons
Hide Buttons
one-plus 9 proBIOS