# Google Sign In

To enable Google Sign In on the [Signup](https://softr.gitbook.io/softr-documentation/memberships/user-accounts-blocks/sign-up-form#show-sign-up-with-google) and [Signin](https://softr.gitbook.io/softr-documentation/memberships/user-accounts-blocks/sign-in-form#show-sign-in-with-google) 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.

![Creating a project](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5Q0zC_ZNPyn6kot-n%2F-Mg5RM5k1P4DzevMAWqe%2Fcreate-project-b.png?alt=media\&token=4e90fe05-5551-41a0-8422-9da51c5ae2e1)

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.

![Project details](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5Q0zC_ZNPyn6kot-n%2F-Mg5RpEQGF4uwKnHJLsk%2Fproject-details-b.png?alt=media\&token=09664675-f23e-4bd5-b8fa-838e6596ef82)

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

![Navigating to APIs & Services](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5RsXaFUyIza_v8kNq%2F-Mg5SVDlmSVQsSLb8R2T%2Fapi-overview-b.png?alt=media\&token=dd6ca686-ff98-4875-a1e4-f53bba737995)

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

![Configure Consent Screen](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5RsXaFUyIza_v8kNq%2F-Mg5Tf1cUapK1bTKwY4x%2Fconfigure-consent-b.png?alt=media\&token=b17fee96-0372-49a6-8313-23c621500afc)

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

![User Type](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5UhDb2bx6pbOl0E6V%2F-Mg5Y00-T-sXwivHJ9WP%2Fexternal-b.png?alt=media\&token=cb4a65ad-7aad-443e-9fa1-bf71c6584cb3)

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.

{% hint style="info" %}
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), just add your domain as it is.
{% endhint %}

![Authorized Domain Setup](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5Yy61nVArdyWwBFbe%2F-Mg5ZStQSHe_l7r5sHnX%2Fauthorized-domain-setup-b%20\(1\).png?alt=media\&token=868a3397-a9aa-4387-a2aa-dcf38fdc360b)

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

![Create Credentials](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5Yy61nVArdyWwBFbe%2F-Mg5aSjRpcKPtVOKrHUb%2Fcreatecred-b.png?alt=media\&token=5e288344-2e4b-4a9c-b77a-8bafccfab8e0)

In the next screen, you need to select the **Application type** as **Web application** and add your full domain (e.g. john.softr.app or yourdomain.com) under **Authorized JavaScript origins** and **Authorized redirect URLs**.&#x20;

![OAuth client ID setup](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5Yy61nVArdyWwBFbe%2F-Mg5b8A15MoH4JBVW5-p%2Fclient-ID-b.png?alt=media\&token=f5a4045e-0f59-4172-9d5c-f0812427b96f)

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

![Client ID and Client Secret](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5bbp0pGQR26U5WLwP%2F-Mg5d_p5n14HP5tCcffC%2FID-secret-b.png?alt=media\&token=8af9d8d9-a8b4-473b-a2d2-308d14f3189b)

Just copy those and paste into the respective fields in **Integrations => Google Sign In**.

![Adding the credentials](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-Mg5bbp0pGQR26U5WLwP%2F-Mg5e1n1GfGHTTmVtkl6%2Fintegrations-b.png?alt=media\&token=837096e4-8822-4fd1-87f0-99c38b3ca0c1)

That's it. Just hit Save, and you're done.
