Plugins
Templates

Google Login Plugin

This guide helps you set the Google plugin to enable the Sign in with Google option in your Bubble app.

The following instruction consists of two parts: Google Developer Console, and Plugins Tab within your Bubble editor.

Google Developer Console

1. Go to https://console.developers.google.com/apis/credentials, login, and create a new project.

Create a new Google project

2. Configure the Consent Screen with information about your application.

Configure the Consent Screen

The Consent Screen is what users see when clicking on Sign up with Google. For now, you can provide only the Application Name, Support Email and Developer Email. Providing a logo may take a while for Google to complete the verification process. We recommend giving bare minimum information for testing purposes, and when you are ready to go Live, provide all the necessary details.

3. Go back to Credentials tab, and create an OAuth Client ID.

Create an OAuth Client ID

For Application type, please choose Web application.

Choose Application type

For Authorized redirect URIs, please add the following URI with your own domain replaced:

https://www.your-project-name.bubbleapps.io/api/1.1/oauth_redirect

For example:

Add the redirect URI with your own project name

Or, with your own domain (in case you have one):

Add the redirect URI with your own domain

Now simply click the CREATE button to submit. Finally, you have generated the API Keys.

Generated API Keys

Now, you can configure the plugin in your Bubble app.

Plugins Tab

1. Go to Plugins -> Google plugin within your Bubble editor.

2. Mark the generic redirect URL checkbox (you'll see your own project name there).

Enable generic redirect URL

3. Paste the generated App ID and App Secret keys (Client ID and Client Secret).

Set the Google API Keys

Congrats! You have successfully configured the Google plugin. Now, you can test the Sign in with Google option in your app.