How to Setup Google Login in Bubble.io

In this tutorial, I cover everything you need to know about adding a Google signup/login experience within your Bubble app. Follow along as I break down every step in as much detail as possible.

Adding Google authentication allows users to easily signup or login to your app using their Google account. Once registered, it's then possible to display their Google account information.

Throughout this tutorial, I cover:

1. How to create a Google developer account
2. How to generate Google authentication API keys
3. How to create the workflows that power Google authentication
4. How to display a users Google account data within your app

Link to Google developer console: https://console.developers.google.com

---

About me:

In 2020, I worked directly with the Bubble team to write their 'How-to build' blog series. Each installment shared written instructions on how to recreate popular products using their no-code tool. Since the beginning of 2021, I've focussed on creating my own video series to teach no-code makers how to get the most out of Bubble's platform.

Note: This video series has no direct affiliation with Bubble themselves. This is something I've created on my own.

---

Timeline:

00:00 - Google authentication overview
00:42 - Installing the plugin
01:42 - Creating a Google developer account
04:47 - Creating a consent screen
11:19 - Generating API keys
17:34 - Building the workflows
18:36 - Displaying Google account data in Bubble
19:50 - Live demo
20:57 - Additional insights