Softr Docs
Search…
Google Sign In
Integrating Google Sign In for Signup and Signin blocks
To enable Google Sign In on the Signup and Signin 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
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
From your project dashboard, go to APIs & Services section.
Navigating to APIs & Services
This is where you create your credentials, but before that, you need to configure the 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
Next, choose External for the User Type and click Create.
User Type
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.
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.
Authorized Domain Setup
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
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.
OAuth client ID setup
As soon as you complete the setup, a pop-up will appear with your Client ID and Client Secret.
Client ID and Client Secret
Just copy those and paste into the respective fields in Integrations => Google Sign In.
Adding the credentials
That's it. Just hit Save, and you're done.
Last modified 5mo ago