How to Add Google Social Login to your WordPress Site with LoginPress

LoginPress offers Social Login Add-on that helps to integrate Facebook, Google, LinkedIn, and Twitter into your WordPress site. It boosts signups to your site by saving users time filling out the default login or registration form for authentication. This quick and simple method also reduces spam and bot registrations.

With this knowledgebase, we’ll show you how to add LoginPress Google Social Login on your WordPress site with LoginPress Social Login Add-on.

Add Google Social Login with LoginPress Social Login Add-on

Note: See our Complete guide Social Login to learn how to activate LoginPress Social Login Add-on. 

Follow these steps to integrate Google Login into your WordPress site. 

Let’s get started!

Step 1: Enable Google Login

First, you’ll need to enable Google Login in the Social Login’s Settings tab. 

Once you’ve enabled Google Login, other fields, including Client ID, Client Secret, and Redirect URI, will open up.

OAuth Client created

Client ID: OAuth Client created

Client Secret

Redirect URI

Enable Google Login

You must fill in these fields to integrate the LoginPress Google Login on the login and registration form.

Don’t worry! Simply follow the rest of the steps to get these keys. Buckle up!

Step 2: Register at Google API

You must register your website with Google APIs at Google Developer Console

When you are done, you can proceed to the next step.

Step 3: Create Project

Note: You’ll need to Login via your Google account.

Next, you’ll be on the Google Cloud screen. 

Click on the “CREATE PROJECT” button in the upper right corner.

Create Google Project

You’ll move to a new screen. From here, fill in the Project Name and Location fields.

New Project

Note: If you have more than 1 project in Google APIs, please confirm your project from the top left dropdown project list.

Step 4: Open the OAuth Consent Screen

Click on the “OAuth consent screen” from the left side menu.

OAuth Consent Screen

For User, Type chooses External and click Create button.

OAuth consent screen

The OAuth consent screen WILL OPEN UP.  Simply fill out the required informational fields, including Application Name, App domain links, and Authorized domains.

Save and Continue.

Note: For the Scopes and Test Users section, leave everything and click Save and Continue.

Edit app registration

Step 5: Go to Credential Page

 Go to the Credentials page from the left sidebar and select Create Credentials.

Create Credentials

 Next, select “OAuth client ID” from the dropdown.

Create Credentials

Select the Application type here. In our case, it's a Web application.

Create OAuth client ID

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

Create OAuth client ID screen

Note: You'll find your Authorized URIs in the Google Login Redirect URI field. See the image below:

Step 6: Copy Client ID and Client Secret

After clicking the Create button, a popup screen with OAuth Client Created heading will appear.

It has Your Client ID and Your Client Secret keys. 

Copy Client ID and Client Secret

Step 6: Past in the Google Login Field and Save

Now to the LoginPress Social Login’s Settings tab and paste Your Client ID and Your Client Secret next to the Google Login fields.

Paste Client ID and Client Secret

Once you’ve pasted the Your Client ID and Your Client Secret, you’ll need Redirect URI.

You don’t need to go anywhere for the Redirect URI as it is under the Redirect URI field. Please copy and Paste it into the field.

Copy and Pate Redirect URI

Click the Save button when you’re done. 

Save Changes

Note: You can choose between enabling Google on the Login or Register form.

Enable Google Login on Login/Registration Form

Log out from WordPress and check the login page to see the Google Login effect.

Add Google Social Login

That’s it! Enjoy Google Login on the login form!

This is how you can easily add Google Social Login with LoginPress to your WordPress site.

Try the LoginPress Social Login Add-on, and let us know how much it helped you!

If you have any doubts or questions related to this matter, please don’t hesitate to contact our support team.

Still stuck? How can we help?

Updated on February 9, 2023

Documentation
LoginPress Support
triangular shape yellowish icon

Frequently Asked Questions (FAQs)

These FAQs answer the most common questions about our WordPress custom login page plugin.

three shapes icon

Where can I get support for LoginPress?

If you need help with LoginPress, you can contact us here. We’ll be happy to answer any questions about the plugin.

Do you have an affiliate program?

Yes, we have an affiliate program that you can sign up for here. As an affiliate, you’ll earn a commission on every sale you refer to us.

Do you offer refunds?

Yes, we offer a 14-day money-back guarantee on all of our plans. If you’re unsatisfied with LoginPress, simply contact us within 14 days of your purchase, and we’ll process a refund.

Can I upgrade my license after my initial purchase?

Yes, you can upgrade your LoginPress license at any time. Simply log into your account and go to the My Downloads page. From here, you can upgrade your license and download the latest version of the plugin.

Will LoginPress slow down my website?

No, LoginPress will not slow down your website. The plugin is lightweight and only loads the necessary files when someone tries to access your login page.

three shapes icon

If you Still have Questions?

Get In Touch