> ## Documentation Index
> Fetch the complete documentation index at: https://docs.auracalls.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Google App Setup

> This document provides instructions on setting up a Google application so users can login/register via Google on your site.

## Enabling API & App Registration

To allow users to log in to your site with their Google account, you need to create a Google Cloud project and configure the OAuth. Follow steps below to create a configure your Google Cloud project.

## 1. Sing in to continue to Google Cloud Platform

Go to [https://console.cloud.google.com/](https://console.cloud.google.com/) and sing in to enter the Google Cloud console.

<Frame>
  <img src="https://mintcdn.com/auracalls/H4W1kpjnlJGP9Teb/resources/white-label-google-login-page.png?fit=max&auto=format&n=H4W1kpjnlJGP9Teb&q=85&s=0446d1f66168fbe9978266dd383c9d85" alt="Google Cloud Console Login" width="550" height="581" data-path="resources/white-label-google-login-page.png" />
</Frame>

## 2. Create a project

Click the project button in the top menu and you'll see the **Select a project** pop-up. Click the **NEW PROJECT** button create a project.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-create-project.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=30d8d9e128693bc54de1dfc8777237b8" alt="Google Create Project" width="938" height="934" data-path="resources/google-create-project.png" />
</Frame>

Enter the **Project name** and click the **CREATE** button.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-project-name.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=37b047e910344095880a955ed768057d" alt="Google Project Name" width="937" height="563" data-path="resources/google-project-name.png" />
</Frame>

## 3. Start to configure the OAuth consent screen

Once a project is created, go to **APIs & Services**. Select **Credentials** from the left-side menu then click the **CONFIGURE CONSENT SCREEN** button.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-credentials.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=ec524e7ad04d8b7d6cf1b1cfaab1cdd1" alt="Google Credentials" width="1144" height="564" data-path="resources/google-credentials.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-credentials2.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=dffd4057ad3735a54903c1d29babfcd2" alt="Google Credentials" width="1144" height="490" data-path="resources/google-credentials2.png" />
</Frame>

Choose the External in the User Type options, then click the CREATE button.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-create-button.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=125f719c7409da2dc52c72de978e055b" alt="Google Create Button" width="1144" height="638" data-path="resources/google-create-button.png" />
</Frame>

## 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.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-edit-registration.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=cb3f497360bb2634fd6f2bd7b43e6997" alt="Google Edit Registration" width="937" height="2122" data-path="resources/google-edit-registration.png" />
</Frame>

### 4.2. Scopes

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

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-add-remove-scopes.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=ef78dbcc561ee78378c587391dee8f70" alt="Google Scopes" width="937" height="477" data-path="resources/google-add-remove-scopes.png" />
</Frame>

Select three required API Scopes:

* **.../auth/userinfo.email**
* **.../auth/userinfo.profile**
* **openid**

Once selected click on the **UPDATE** button.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-required-api-scopes.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=7f3ad407b97e0d4222ed2317a2fa7560" alt="Google Required API Scopes" width="1212" height="1102" data-path="resources/google-required-api-scopes.png" />
</Frame>

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.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-sensitive-scopes-section.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=f29986b5dc1ca036bf419a0990d710d3" alt="Google Sensitive Scopes" width="937" height="1461" data-path="resources/google-sensitive-scopes-section.png" />
</Frame>

### 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.

<Frame>
  <img src="https://mintcdn.com/auracalls/-2y685vCElPNJT48/resources/google-test-users.png?fit=max&auto=format&n=-2y685vCElPNJT48&q=85&s=c85b9bd21dc4fbcbe06c8851a6f7086c" alt="Google Test Users" width="937" height="736" data-path="resources/google-test-users.png" />
</Frame>

### 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.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-summary.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=75fbd7a8fdf9c9fe9e999c64b234c0d8" alt="Google Summary" width="939" height="2017" data-path="resources/google-summary.png" />
</Frame>

## 5. Create credentials

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

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-create-credentials.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=a598f835eb177bee54555949ba7fe5fd" alt="Google Create Credentials" width="1211" height="498" data-path="resources/google-create-credentials.png" />
</Frame>

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.

See example:

* **[https://sss.com/login/google/callback](https://sss.com/login/google/callback)**

<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.</Note>

Click the **CREATE** button.

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-create-oauth-client.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=63ce88833a6cf148047d364c390c3638" alt="Google Create OAuth Client" width="937" height="1370" data-path="resources/google-create-oauth-client.png" />
</Frame>

## 6. Enter your keys

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

<Frame>
  <img src="https://mintcdn.com/auracalls/riUv8jRwSedCeSTd/resources/google-oauth-client-created.png?fit=max&auto=format&n=riUv8jRwSedCeSTd&q=85&s=b5a189cc8db1709506fb9733228edfde" alt="Google OAuth Client Created" width="916" height="843" data-path="resources/google-oauth-client-created.png" />
</Frame>

Copy your **Client ID** and **Client Secret** keys and paste them to the **Client ID** and **Client secret** fields under the **Google Login Configuration** on the white-label > Settings > Social Logins.

<Frame>
  <img src="https://mintcdn.com/auracalls/H4W1kpjnlJGP9Teb/resources/white-label-google-configuration.png?fit=max&auto=format&n=H4W1kpjnlJGP9Teb&q=85&s=e53d0f5696492b145443de4c387ff6f8" alt="White Label Google Configuration" width="1526" height="546" data-path="resources/white-label-google-configuration.png" />
</Frame>

## Test

Test the Social Login feature at the Login and Registration pages. If you're encountering issues, please contact our support team for assistance with any step of the setup process.

<Frame>
  <img src="https://mintcdn.com/auracalls/-2y685vCElPNJT48/resources/google-test.png?fit=max&auto=format&n=-2y685vCElPNJT48&q=85&s=79a131dc7da89d1d3355d5adf4153d8c" alt="Google login test" width="594" height="653" data-path="resources/google-test.png" />
</Frame>

***

**Need help?** Contact our support team for assistance with any step of the setup process.
