# Google Login

{% hint style="info" %}
To show the Google Login button in your apps, check out the **Enable Google Login Method** section in&#x20;

the link below.

<https://docs.notionapps.com/users/private-apps#enable-google-login-method>
{% endhint %}

{% hint style="warning" %}
This integration is not required to enable Google Login in your apps. This integration ensures that if you are using a custom domain, an intermediate link - <https://auth.notionapps.com> does not appear in the user login flow. This preserves your branding.
{% endhint %}

Once you've enabled Google Login for your apps, you can further customize the Google Login screen with your own branding. For this, you'll need to create your own Google project. Below is a step-by-step guide to do so:

## Create a Project (skip if already created)

1. Go to your Google Cloud Console - <https://console.cloud.google.com/apis/credentials>
2. Create a new project.

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2FPvtrNuU8OkjRgtSIOZO6%2FSCR-20250503-odmn.png?alt=media&#x26;token=49be0515-9286-4e34-8b41-2845d2002664" alt=""><figcaption></figcaption></figure>

3. Enter basic information about your app.

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2FwT3oarTvXpJxOoXZ94u0%2FSCR-20250503-oerw.png?alt=media&#x26;token=e4bc01f0-ef2c-483a-a217-a5ca84d16175" alt=""><figcaption></figcaption></figure>

4. Select Audience as "External".
5. Enter your contact information.

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2FrBUfVpNDRBTJEykTvaFN%2FSCR-20250503-ofth.png?alt=media&#x26;token=00a52b0e-ebed-4955-a846-78f4e3dff0a4" alt=""><figcaption></figcaption></figure>

6. Click "Create" to finish creating your project.

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2F8dp5WeXT6bZ1IPFIrNgi%2FSCR-20250503-ogca.png?alt=media&#x26;token=23116697-8192-4091-997c-82c6b998dda5" alt=""><figcaption></figcaption></figure>

## Create OAuth Client

1. Click on the "OAuth consent" OR the "+ Create Credentials" button.

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2FOCcK67L4EK6VxssA5fLs%2FSCR-20250503-oefi.png?alt=media&#x26;token=1cdb43ff-305d-4491-8041-d4287b50d50b" alt=""><figcaption></figcaption></figure>

5\. Select Application Type as "Web application" and select an appropriate name of your choice

6\. Under "Authorised JavaScript origins", add your application URL like <https://example.notionapps.com>.<br>

{% hint style="info" %}
If your NotionApps' app is on a notionapps subdomain (e.g. example.notionapps.com), then you need to add "example.notionapps.com" as the authorized domain. If you've connected a custom domain (e.g. [yourdomain.com](http://yourdomain.com/)), just add your domain as it is.
{% endhint %}

7\. Under "Authorised redirect URIs", add your application URL with a postfix of "/auth/end-user/callback/google". For example, for client-portal.notionapps.com, add <https://client-portal.notionapps.com/auth/end-user/callback/google>.

8\. Click "Create"

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2FEdot7Nnn4li5N4UjTQAR%2FSCR-20250503-pgyf.png?alt=media&#x26;token=185b6209-7553-407d-9e07-05a60068c432" alt=""><figcaption></figcaption></figure>

9\. Copy the Client ID and Client Secret and add it to your Google Sign In Integration inside your application (you can create one in the new "Integrations" tab).&#x20;

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2FW9b0eGEpTCCyJ2KCfSxs%2FSCR-20250503-phtf.png?alt=media&#x26;token=833ffc5c-6525-4675-93b1-a45a54de99cb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4233028229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5ZqDXcVVffWUqEIZVhmn%2Fuploads%2FNTLOwxbqY5ExNFOHMbAx%2FSCR-20250503-pnie.png?alt=media&#x26;token=d25730b6-7bcf-44e3-935b-d4cb4febc6e8" alt=""><figcaption></figcaption></figure>

Now, you will see your own branding (company name) on the Google Login screen.
