Setting Up Google Sign-in for your Bubble app

This guide provides step-by-step instructions on how to set up Google Sign-in for your Bubble application.

35 steps
2 minutes

Google Cloud

Navigate to <https://console.cloud.google.com/> with your Google Account signed in

Click the project Dropdown on the **Top Left**

Click "NEW PROJECT"

Type your Project Name "Project Name"

Add your project name, For Example [[Project Name - Dev]] , and Click "CREATE"

After the project is created, Click "**SELECT PROJECT**"

Click **APIs and Services**.

Click **OAuth Consent Screen**.

Click "**External**"

Click "CREATE"

Click the "App name" field & Type your app name.

Add your Support Email

Click "ADD DOMAIN" under **Authorised Domains**

Type "[bubbleapps.io](http://bubbleapps.io)" If you haven't connected your custom domain to your bubble app. \ If you've connected your custom domain the type your Domain name here For example: **[[yourdomain.com]]**

Add your email address

Click "SAVE AND CONTINUE"

Click "ADD OR REMOVE SCOPES"

Select [[userinfo.email]] & [[userinfo.profile]]

Click "UPDATE"

Click "SAVE AND CONTINUE"

Click "BACK TO DASHBOARD"

Click "PUBLISH APP"

Click "CONFIRM"

Click "Credentials"

Click "CREATE CREDENTIALS"

Click "**[[OAuth CLient ID]]**"

Click "Web application"

Type your "App Name"

Click "ADD URI" under **Authorised redirect URIs**

Click the "URIs 1" field. Type "[[https://yourappname.bubbleapps.io/version-test/login]]"

If you've connected your custom domain then Type "<https://yourdomain.com/version-test/login>" For Live Version use these URL format: (Remove /version-test from URL) "[https://yourappname.bubbleapps.io/login](https://yourdomain.com/version-test/login)" "[https://yourdomain.com/login](https://yourdomain.com/version-test/login)"

Click "CREATE"

Copy both Client ID and Client Secret

Paste it in your Bubble editor [[Plugins]] > [[Google]]

It is recommended to create separate API Keys for Dev Mode and Live Mode. Just repeat the above process again by creating a new project "[[Project Name - Live]]"

Setting Up Google Sign-in for your Bubble app

This guide provides step-by-step instructions on how to set up Google Sign-in for your Bubble application.

35 steps
2 minutes

Google Cloud

Navigate to <https://console.cloud.google.com/> with your Google Account signed in

Click the project Dropdown on the **Top Left**

Click "NEW PROJECT"

Type your Project Name "Project Name"

Add your project name, For Example [[Project Name - Dev]] , and Click "CREATE"

After the project is created, Click "**SELECT PROJECT**"

Click **APIs and Services**.

Click **OAuth Consent Screen**.

Click "**External**"

Click "CREATE"

Click the "App name" field & Type your app name.

Add your Support Email

Click "ADD DOMAIN" under **Authorised Domains**

Add your email address

Click "SAVE AND CONTINUE"

Click "ADD OR REMOVE SCOPES"

Select [[userinfo.email]] & [[userinfo.profile]]

Click "UPDATE"

Click "SAVE AND CONTINUE"

Click "BACK TO DASHBOARD"

Click "PUBLISH APP"

Click "CONFIRM"

Click "Credentials"

Click "CREATE CREDENTIALS"

Click "**[[OAuth CLient ID]]**"

Click "Web application"

Type your "App Name"

Click "ADD URI" under **Authorised redirect URIs**

Click the "URIs 1" field. Type "[[https://yourappname.bubbleapps.io/version-test/login]]"

Click "CREATE"

Copy both Client ID and Client Secret

Paste it in your Bubble editor [[Plugins]] > [[Google]]

It is recommended to create separate API Keys for Dev Mode and Live Mode. Just repeat the above process again by creating a new project "[[Project Name - Live]]"