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.

Creating a project
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
Project details

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

Navigating to APIs & Services
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
Configure Consent Screen

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

User type
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
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
Create credentials

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.

๐Ÿ’ก
Make sure to have www in the URIs.
OAuth client ID setup
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
Client ID and Client Secret

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

Adding the credentials
Adding the credentials

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

Did this answer your question?
๐Ÿ˜ž
๐Ÿ˜
๐Ÿคฉ

Last updated on February 26, 2024