Social Login: Google App Setup

Overview

This document explains how to configure a Google Cloud application so users can log in or register on your WordPress website using their Google account via the Social Login extension.

The process involves creating a project in Google Cloud, setting up the OAuth consent screen, generating OAuth credentials and connecting them to Ultimate Member.

Steps to create the Google application #

1. Access the Google Cloud Platform #

Begin by signing in to your Google account and opening the Google Cloud Console.

2. Create a project #

At the top of the dashboard, click the project selector (next to the Google Cloud logo) and select New Project.

Enter your Project name, assign a Billing account, choose a Location (if required), and click the Create button.

  • Project name – A recognizable name for your website or app.
  • Billing account – Assign if required (some regions may not require it).
  • Location – Choose an organization or leave as “No organization” if not applicable.

Once the project is created, make sure it is selected before continuing.

3. Configure the OAuth consent screen #

3.1 Get started #

The OAuth consent screen determines how your website’s name, logo, and permissions are shown to users when they log in with Google.

In the left sidebar, navigate to APIs & Services and click Credentials.

Click the Configure consent screen button in the notification that appears at the top of the page.

After clicking the button, you’ll be redirected to the OAuth Overview page. If your Google Auth Platform is not yet configured, click the Get Started button. This will guide you through configuring your application's identity and managing credentials for calling Google APIs and enabling Sign in with Google.

💡 Learn more about Google’s OAuth setup in the official documentation.

3.2 Project configuration #

Enter the App name, User support email, fill other application information.
  • App name – Enter your website or app name.
  • User support email – A valid email address for user inquiries.
  • App logo – (optional) Upload your logo.
  • Application homepage, Privacy Policy, and Terms of Service URLs – Add relevant links from your website.
  • Authorized domains – Add your website’s root domain (for example: example.com).
  • Developer contact email – The email Google will use to notify you about your app.

After completing all fields, click the Create button.

4. Edit app registration #

4.1 OAuth consent screen #

Enter the App name, User support email, upload App logo.

Enter the Application home page, Application privacy policy link, Application terms and service link.

Enter your website domain.

Enter your contact Email addresses.

Continue to the next step by clicking the SAVE AND CONTINUE button.

4.2 Scopes #

You'll be on the step Scopes. Click the ADD OR REMOVE SCOPES button to select the scopes.

Select three required API Scopes:

  • .../auth/userinfo.email
  • .../auth/userinfo.profile
  • openid

Once selected click on the UPDATE button.

The selected scopes will now appear on the Your non-sensitive scopes section.

Continue to the next step by clicking on the SAVE AND CONTINUE button.

4.3 Test users #

You'll be on the step Test users. On this step you can add Test users to test the social login, or just continue to the next step by clicking the SAVE AND CONTINUE button.

4.4 Summary #

You'll be on the step Summary that shows you the outline of your app registration. Click the BACK TO DASHBOARD button.

5 Create credentials #

Select Credentials from the left-side menu. Click the CREATE CREDENTIALS button and select the OAuth client ID item.

Once clicked, it'll take you to the Create OAuth client ID page.

Select the Web application option in the Application type. Enter a name of your OAuth 2.0 client in the Name field.

Enter allowed redirect URLs in the Authorized redirect URIs section. Enter your website Login page URL, Registration page URL, Account page Social tab URL. Add the custom page URL if you use the social login shortcode on the custom page. Each URL must contain the provider=google parameter.

See example:

  • https://yoursitedomain.com/login/?provider=google
  • https://yoursitedomain.com/register/?provider=google
  • https://yoursitedomain.com/account/social/?provider=google
Note: By default, URLs have the "/" symbol at the end of the path. Remove "/" before "?" if your site uses URLs without "/" at the end of the path.

Click the CREATE button.

Enter your keys #

Once you click the button, the OAuth client created pop-up will appear and you'll see your application keys.

Copy your Client ID and Client Secret keys and paste them to the Client ID and Client secret fields under the Google Social Connect on the wp-admin > Ultimate Member > Settings > Extensions > Social Login page on your website.

Turn on the  Social Account Tab, Show social connect on registration forms and Show social connect on login forms settings to show the social buttons on your website. Click the Save Changes button.

Test #

Test the Social Login feature at the Login and Registration pages. If you're encountering issues, please read this article: Social Login Common Issues. Contact the support if your application and extension configured by this instruction but does not work properly.

Related Articles