Google Sign In
Adding an authentication option with Google Sign In.
To enable Google Sign In on the Signup and Sign In 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.
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.
From your project dashboard, go to APIs & Services section.
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.
Next, choose External for the User Type and click Create.
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.
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.
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 or www.yourdomain.com) under Authorized JavaScript origins URIs and Authorized redirect URIs.
www
in the URIs. As soon as you complete the setup, a pop-up will appear with your Client ID and Client Secret.
Just copy those and paste into the respective fields in Integrations => Google Sign In.
That's it. Just hit Save, and you're done.
Last updated on February 26, 2024