> ## Documentation Index
> Fetch the complete documentation index at: https://docs.autocalls.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/autocalls/NTucEGcRBAQ_UqK1/resources/white-label-google-login-page.png?fit=max&auto=format&n=NTucEGcRBAQ_UqK1&q=85&s=e803389b11e31cc833b5407db683edef" 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/autocalls/7XICa8givhYvgyO7/resources/google-create-project.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=79d8ea74373f445e89862ed45b8fd465" 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/autocalls/7XICa8givhYvgyO7/resources/google-project-name.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=9b48493e7b4c8c5644ade90aaf29d979" 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/autocalls/7XICa8givhYvgyO7/resources/google-credentials.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=3f0f97c4b2108048552fe29a12378720" alt="Google Credentials" width="1144" height="564" data-path="resources/google-credentials.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/autocalls/7XICa8givhYvgyO7/resources/google-credentials2.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=f9ccb2d7e9df866316b7c8eb303e8313" 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/autocalls/7XICa8givhYvgyO7/resources/google-create-button.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=3a1a14325d94ca03af697c2057d84c73" 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/autocalls/7XICa8givhYvgyO7/resources/google-edit-registration.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=f4a1b6e740d04cd117f0ab5154712b89" 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/autocalls/7XICa8givhYvgyO7/resources/google-add-remove-scopes.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=3b21a569ae88ba40bc5241f4d321662e" 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/autocalls/7XICa8givhYvgyO7/resources/google-required-api-scopes.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=7e2f81806db4dfa2fb0335963195ff6e" 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/autocalls/7XICa8givhYvgyO7/resources/google-sensitive-scopes-section.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=31ea3554be49330778f6cc17dd10bf72" 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/autocalls/7XICa8givhYvgyO7/resources/google-test-users.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=4822592c2768eccfb7a0008d8b62654b" 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/autocalls/7XICa8givhYvgyO7/resources/google-summary.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=9291a8ae82289a49aa6964db3ce15a9c" 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/autocalls/7XICa8givhYvgyO7/resources/google-create-credentials.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=3d052902d2fa68e3e66e2646b3f5046c" 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/autocalls/7XICa8givhYvgyO7/resources/google-create-oauth-client.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=4eacb0ab224f1a66366d81ec519347d8" 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/autocalls/7XICa8givhYvgyO7/resources/google-oauth-client-created.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=7458965e8e000b15335f1dc8aed02419" 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/autocalls/NTucEGcRBAQ_UqK1/resources/white-label-google-configuration.png?fit=max&auto=format&n=NTucEGcRBAQ_UqK1&q=85&s=f8cf45b5ba1168d5fb5bcdca1318f37d" 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/autocalls/7XICa8givhYvgyO7/resources/google-test.png?fit=max&auto=format&n=7XICa8givhYvgyO7&q=85&s=0fbe5aab66f73f32cd317833371b54c1" 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.
