7min

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.

Document image

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

Document image

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.

Document image



For Application type, please choose Web application.

Document image



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

JS
|

For example:

Document image



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

Document image



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

Document image



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).

Document image



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

Document image



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



Updated 19 May 2022
Did this page help?
Yes
No