---
updatedAt: 2026-10-09T23:49:43.000Z
agentTools:
  projectIndex: https://docs.wristband.dev/llms.txt
---

# Google

## Setting Up a Google Integration

Learn how to seamlessly configure Google social login integration within your Wristband dashboard using this step-by-step guide.

### Step 1: Locate Your External IdP Redirect URL

* In the Wristband dashboard, enter Application View for the application you want to integrate with Google.
* Navigate to the `Identity Providers > Social` menu in the side navigation.
* After landing on the Social Identity Providers page, select the Google provider icon at the top.
* Copy the "Redirect URL" from the form - you'll need this value to configure the OAuth client in Google Cloud.

<Image src="https://files.readme.io/64b254674acbceac218bd133f903fb4d5416dfa13d6599dd75b7569038c81a15-image.png" align="center" caption="Figure 1: Copy the Google provider’s Redirect URL from Wristband." />

### Step 2: Sign Up/Login to Your Google Account

1. Log into your Google account at the <Anchor target="_blank" href="https://console.developers.google.com/">Google Cloud Developer Console</Anchor>.
2. Create an OAuth client to finish configuring the Google Social Login Identity Provider in your Wristband dashboard.

### Step 3: Create a New Project

1. In the console, click the **Create Project** button.

2. This will establish the project where your OAuth client lives.

<Image src="https://files.readme.io/37997cde7b225e0fbe15a06d256c47307b47777989c09c3f78132c4fba71b6f9-image.png" align="center" caption="Figure 2: Create a project in the Google Cloud console." />

1. Enter a project name and select your organization (this defaults to `No organization` if none is selected). Then, click **Create** to proceed.

<Callout icon="📘" theme="info">
  ### Existing Projects

  This guide covers new project setups. If using an existing project, select it from the navigation bar dropdown menu to add your OAuth client.
</Callout>

<Image src="https://files.readme.io/ac59e705423dc2d1cdcce9ddcd3299695db45f46b6a36d2831f264e24466fac1-image.png" align="center" caption="Figure 3: Enter the project name and choose an organization." />

### Step 4: Configure the OAuth Consent Screen

1. On the "APIs & Services" page, select **OAuth consent screen** from the left side menu.

<Image src="https://files.readme.io/b4859c9a8d1ee3ce30708d44b52a9bbe3c06f5a54ee18aacdaa577e3a4dfef98-image.png" align="center" caption="Figure 4: Open OAuth consent screen from APIs & Services." />

&#x20; 2.Then click the **Get Started** button.

<Image src="https://files.readme.io/d01c8cc35dac1ac8821a237f088a04e6518736280a1f15cb88a37864b8c88b54-get_started.png" align="center" caption="Figure 5: Select Get Started to configure the OAuth consent screen." />

&#x20;  3\. Fill out the following mandatory fields:

* **App name**: Any appropriate value.
* **User support email**: Any appropriate value.

<Image src="https://files.readme.io/e77b1b84e6413096356753039c066bdb2ea1147ed90af1bdfa23006963aac2f6-image.png" align="center" caption="Figure 6: Enter the app name and user support email." />

&#x20;  4\. For the audience, select the `External` option.

<Image src="https://files.readme.io/ca1390fe5f3bf98a30671ef843438b3a99c55bff49865cb4ec4b52a106ee3ddc-OAuth_project-config_step-2_external-audience.webp" alt="OAuth consent form continued in Google Cloud Developer Console" align="center" caption="Figure 7: Select External as the audience." border={true} />

5. &#x20;Provide contact information.

<Image src="https://files.readme.io/5f7c272d6e5979287ca8a8e8eeb020891e7a6b7e00b909f40d7affd5fb0bc71b-image.png" align="center" caption="Figure 8: Provide contact information for the project." />

6. Agree to "Google API Services: User Data Policy".

<Image src="https://files.readme.io/26e114442056cca1fc3554c1d54c4077d906294cb272c3e251974fb69cfcebcb-image.png" align="center" caption="Figure 9: Agree to the Google API Services User Data Policy." />

&#x20; 7\. Click the **Create** button.

### Step 5: Configure Branding

1. Select Branding from the left navigation menu.
2. Add your logo and input the links for your website, privacy policy, and terms of service.
3. Add the domains of any links you configure to the Authorized domains list.

<Callout icon="📘" theme="info">
  ### Note

  When you register authorized redirect URIs with your OAuth client in step 6, Google automatically adds those domains to the "Authorized domains" list. You do not need to add them manually.
</Callout>

<Image src="https://files.readme.io/a58ad6e9fc831428cbfb0fca873b1cd453bacdc6e4da536267d7fa87b0303158-image.png" align="center" caption="Figure 10: Provide your application URLs and authorized domains." />

### Step 6: Create OAuth Client

1. Complete the consent screen configuration to return to the **OAuth Overview** page.
2. Click the **Create OAuth client** button to generate the credentials needed for Wristband.

<Image src="https://files.readme.io/b86d01bc6b3e437e7d6388554ced4ba85f873a6119d9da5b09a52cc5a2c78dac-image.png" align="center" caption="Figure 11: Select Create OAuth client from the OAuth overview." />

You will now be in the Clients section. Here, you will need to select the application type for your client.

1. In the **Clients** section, select the appropriate **Application type** for your OAuth client.

<Image src="https://files.readme.io/4dbbf8354b1798b60cff21e1777140e5cac501a4a52a0c71086da33aa336af12-OAuth_project-config_clients-create-step-1-alt.webp" alt="Create OAuth credentials in Google Cloud Developer Console" align="center" caption="Figure 12: Choose an application type for the OAuth client." border={true} />

2. Fill out the following mandatory fields:

* **Application type**: `Web application`
* **Name**: Any appropriate value.
* **Authorized redirect URIs**: Use the External IdP Redirect URL copied from step 1.
* Click the **Create** button.

<Image src="https://files.readme.io/11451820cd9115cee478f264810089b075a964a5ca4b20aab35ce50b17174440-image.png" align="center" caption="Figure 13: Create a Web application client using the Wristband Redirect URL." />

A modal will open displaying your **Client ID&#x20;**&#x61;nd **Client secret**. Make sure to copy both values immediately, as you will need them for the next step.

<Image src="https://files.readme.io/777f5e3449edd699e1bb88125e139f569cdb9d6aa81b109ecd0df3e88264966e-image.png" align="center" caption="Figure 14: Copy the OAuth client’s Client ID and Client secret." />

You have now configured everything necessary on Google's side for social login integration.

### Step 7: Configure the Google IdP in Wristband

1. Return to the Wristband dashboard to the Social Identity Provider Page from step 1. Fill out the form with the following values:
   * **Client ID**: The Client ID from step 6.
   * **Client Secret**: The Client secret from step 6.
2. **Adding extra scopes is optional** and usually unnecessary. By default, the authorization request to Google always includes the following scopes:
   * &#x20; email
   - &#x20; openid
   * &#x20; profile

3) Click **Save** to finish.

<Image src="https://files.readme.io/e4977c4e0cd7628fdf2b2714407a433de10086589cdd562dffb6db39d658b920-image.png" align="center" caption="Figure 15: Enter the Google OAuth credentials in Wristband and save the provider." />

You hav&#x65;**&#x20;successfully enabled Google social login** for your application. When users reach your tenant-level Login Page, they will now see a **Sign in with Google** button, as illustrated below.

<Image src="https://assets.wristband.dev/docs/images/tutorials/configuring-idps/social-login/googlee/12-login-page.png" alt="Google login button on Tenant-level Login Page" align="center" width="450px" caption="Figure 16: Sign in with Google button on the tenant-level Login Page." />

<br />

<HTMLBlock>{`
<style>
.UpdatedAt {
  display: none;
}
</style>
`}</HTMLBlock>

<br />

<br />

<br />

<br />

<br />

<br />

<br />