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

# Google Sign In

> Adding an authentication option with Google Sign In.

To enable Google Sign In on the [Signup](/add-and-manage-users/pxnkp9H3qyEVMF6XUceqnj/signup-form/tPe3uxmdcUNeFYuaLTR1o9) and [Sign In](/add-and-manage-users/pxnkp9H3qyEVMF6XUceqnj/signin-form/gYwm7wWsqb2bRyJFUreSzN) forms, you first need to integrate **Google Sign In** by adding **Google App Client ID** and **Secret** credentials here. Let's go through the steps of getting the credentials.

## Creating a Project

To start with, you need to create a project (if you don't have one yet) in your Google Cloud Platform.

<Frame caption="Creating a project">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image1.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=8c661c31dd2d51f3c3fb54728b29779d" alt="Creating a project" width="3062" height="956" data-path="integrations/images/google-sign-in/image1.png" />
</Frame>

In the next screen, add the project details (organization and location will be autofilled based on your email, but you can change them) and hit **Create** to create the project.

<Frame caption="Project details">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image2.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=2c17255ec26e3c2c98c6d134a3ef71c4" alt="Project details" width="1302" height="960" data-path="integrations/images/google-sign-in/image2.png" />
</Frame>

From your project dashboard, go to **APIs & Services** section.

<Frame caption="Navigating to APIs & Services">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image3.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=21b61afeae6fa4e8839deb6c561394bc" alt="Navigating to APIs & Services" width="1028" height="924" data-path="integrations/images/google-sign-in/image3.png" />
</Frame>

This is where you create your credentials, but before that, you need to configure the [Consent Screen](https://developers.google.com/workspace/marketplace/configure-oauth-consent-screen). Let's see how.

## Configuring the Consent Screen

In the **APIs & Services section**, navigate to **Credentials** and click on **CONFIGURE CONSENT SCREEN**.

<Frame caption="Configure Consent Screen">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image4.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=e0ccebee84ffb8efd3c871520d255ef9" alt="Configure Consent Screen" width="3062" height="1138" data-path="integrations/images/google-sign-in/image4.png" />
</Frame>

Next, choose **External** for the **User Type** and click **Create**.

<Frame caption="User type">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image5.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=a3974d1669d4830a7a77559b0492f53b" alt="User type" width="1196" height="906" data-path="integrations/images/google-sign-in/image5.png" />
</Frame>

In the next page, you need to fill in your app details. Here, it's important to add your Softr domain to the **Authorized Domains**. To do that, you need to click **Add Domain** under the corresponding section and fill in your domain as shown below.
<Tip>If your Softr app is on a Softr subdomain (e.g. john.softr.app), then you need to add "softr.app" 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.</Tip>

<Frame caption="Authorized domain setup">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image6.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=02da9e8e5fe9b78cc33a954c261d4f6c" alt="Authorized domain setup" width="1262" height="648" data-path="integrations/images/google-sign-in/image6.png" />
</Frame>

In the next steps, you can define **Scopes**, add **Test Users**, and finalize the setup. As soon as you're, done, click **Back to Dashboard** at the bottom of the screen. Now, let's proceed to creating the credentials to connect your app from Softr.

## Creating Credentials

From the **Credentials** section click on **Create Credentials** and choose **OAuth client ID**.

<Frame caption="Create credentials">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image7.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=4b6e6c12b8b224f9ecebf5ecd5d367f7" alt="Create credentials" width="1948" height="1014" data-path="integrations/images/google-sign-in/image7.png" />
</Frame>

In the next screen, you need to select the **Application type** as **Web application** and add your full domain (e.g. [www.john.softr.app](http://www.john.softr.app) or [www.yourdomain.com](http://www.yourdomain.com)) under **Authorized JavaScript origins** **URIs** and **Authorized redirect URIs**.
<Tip>Make sure to have `www` in the URIs.</Tip>

<Frame caption="OAuth client ID setup">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image8.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=fb3803b1ffa43e9359278898c0bf62c8" alt="OAuth client ID setup" width="1778" height="1714" data-path="integrations/images/google-sign-in/image8.png" />
</Frame>

As soon as you complete the setup, a pop-up will appear with your **Client ID** and **Client Secret**.

<Frame caption="Client ID and Client Secret">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image9.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=69ca1187febe9b519d80ea5c6bc3cb0c" alt="Client ID and Client Secret" width="1594" height="1432" data-path="integrations/images/google-sign-in/image9.png" />
</Frame>

Just copy those values in the Authentication Tab of the Users menu. Turn on the Google Sign-in toggle, then click the gear icon to open the setup dialog.

<Frame caption="Turn on the Google Sign-in toggle, the click the gear icon.">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image10.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=feab69e9a0bc7261f78f1fb11597e0ba" alt="Turn on the Google Sign-in toggle, the click the gear icon." width="1432" height="902" data-path="integrations/images/google-sign-in/image10.png" />
</Frame>

Paste the client ID and secret into the respective fields. Be sure to select Internal or External users like you did on the Google cloud console side. If you select internal, you need to define the allowed domains for signup/login.

<Frame>
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/google-sign-in/image11.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=5dca1d89c4fca55ae4167ad9f54d1fa7" alt="Notion image" width="793" height="620" data-path="integrations/images/google-sign-in/image11.png" />
</Frame>

Once these are pasted in, click Save and you’re done!
