MARKETPLACE
PLUGINS
GOOGLE ONE TAP PASSWORDLESS SIGN-IN
Google One Tap Passwordless sign-in logo

Google One Tap Passwordless sign-in

Published August 2021
   •    Updated December 2025

Plugin details

Google One-Tap Passwordless Sign-In Plugin for Bubble.io
Simplify and streamline user authentication with our Google One-Tap Passwordless Sign-In Plugin for Bubble.io! This plugin allows users to quickly and securely sign in to your website using their Google account, enhancing the user experience and improving security.

Key Features:

  • Quick and Easy Authentication: Users can sign into your website effortlessly using their Google account, eliminating the need for passwords.
  • Secure Profile Information Sharing: With user consent, securely share Google profile information with your platform, ensuring data privacy and security.
  • Seamless Sign-Up Process: The sign-up process involves obtaining the user's consent to share their profile information. While typically used to create a new account on your site, this is not a mandatory step.
  • One Tap Enablement: When One Tap is enabled, users are presented with a consent and sign-in dialog, making the authentication process swift and user-friendly.

Enhance your Bubble.io application with the Google One-Tap Passwordless Sign-In Plugin. Provide your users with a fast, secure, and convenient sign-in experience, reducing friction and improving user engagement on your platform.

$35

One time  •  Or  $6/mo

No ratings yet
42 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Datamatic Software logo
Datamatic Software
Joined 2022   •   36 Plugins
View contributor profile

Instructions

This are step-by-step instructions on how to get the plugin working on any Bubble App.
  1. Add this plugin to your application.
  2. Add element 'Google One Tap' into the Bubble Editor (add this at the top and not inside groups or elements)
  3. Under plugin tab locate 'Google Identity'
  4. Go to https://console.cloud.google.com/ (create an account if you don't have one).
  5. Navigate to APIs & Services then click in the Credentials section in the left menu.
  6. Click create credential, Oauth Client ID
    1. Application Type: Web
    2. Authorized JavaScript origins: [YOUR DOMAIN WITHOUT / AT END] (for example https://plugins.datamaticsoftware.com)
    3. Authorized redirect URIs: [YOUR REDIRECT URI] (can be the same as the page using the Google One Tap)
    4. Save the new Client ID
  7. Return tu Bubble Plugin Tab and place your Client ID and Login URI (it can be parent page)
  8. Setup the 'Google One Tap'
  9. On the Worflow section, use 'Google One Tap has Valid Response' to get the exposed states of the element.



This plugin will give you a one Element: Google One Tap, and two Events: A Google One Tap Is Displayed and A Google One Tap Has a Valid Response. You need to add the Element to your Editor and set the Context, Margins and Position for the plugin to work. Also don't forget to include your Client ID and Login URI in the Plugin tab section.

And in the Workflow add the Event 'A Google One Tap Has A Valid Response' to make the actions based on the response of Google (for example create an account for a user)

Google One Tap contains the following properties to be used:
  • Context: This field changes the text of the title and messages in the One Tap prompt. Possible values: signin - "Sign in with Google", signup - "Sign up with Google", use - "Use with Google"
  • Margin Top: Margin from top of the body element
  • X Position: Define wether One Tap prompt will appear from the right or the left side. Co-related to X margin
  • X Margin: Will set the margin of the side that was chosen in X Position (e.g if chosen 'Left' and set to 10, the One Tap prompt will appear on the left side with 10px margin from left).

Google One Tap also contains the following exposed states:
  • Not Displayed Reason: The detailed reason why the UI isn't displayed. The following are possible values: browser_not_supported, invalid_client, missing_client_id, opt_out_or_no_session, secure_http_required, suppressed_by_user, unregistered_origin, auto_cancel, user_cancel, issuing_failed, credential_returned, cancel_called, flow_restarted, unknown_reason
  • Host Domain: If present, the host domain of the user's GSuite email address
  • Email: The user's email address
  • Email Verified: true, if Google has verified the email address
  • Name: First + Last Name of the user
  • Picture: If present, a URL to user's profile picture


is Displayed
Event that occurs when this notification is displayed moment, and the UI is displayed

has Valid Response
User has logged in using Google One Tap and Google is returning the credentials.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event

Categories

This plugin can be found under the following categories:
Customer Support   •   Technical   •   Data (things)   •   Social Network   •   Email   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (0.0)

It doesn't work!
December 5th, 2023
The plugin seems to only function for identifying profile pictures, email, and name. However, there is no apparent explanation on how to use it solely for logging in. In my case, I don't want to create a new account, I don't want to collect data, I just want the user to click and log in, which is the main benefit of ONE TAP, but it doesn't work.
Bubble