How to Set Up Google OAuth & Google One Tap

Integrating Google OAuth and One Tap into your login system offers users a seamless, secure way to access your platform. This process helps increase conversion rates by simplifying sign-ups and logins with just a few steps.

Step 1: Access Google Console

Step 2: Create a New Project

  • Click "My Project" and choose "New Project."
Click "Select Project"
Select "New Project"
  • Enter your project name and click "Create" (the parent organization field is optional).
Click "Create"

Step 3: Configure APIs and Credentials

  • Navigate to your new project via the notification icon.
Click notification and navigate to your new project
  • Select "APIs and Services" > "Credentials"
Select "Credentials"
  • Click "Configure Consent Screen", choose "External," and click "Create."
Click "Configure Consent Screen"
Choose "External" and click "Create"

Step 4: Consent Screen Details

  • Fill out the required fields: App Name, App Logo, User Support Email, App Domain, Privacy Policy Link, Terms of Service Link.
Fill in the fields
  • Click "Add Domain," enter your domain, and save.
Click "Add Domain", enter details, and save

Step 5: Define Access Scopes

  • Click "Add or Remove Access Scopes" and include:
    - …/auth/userinfo.email
    - …/auth/userinfo.profile
    - openid
Click "Add or Remove Scopes"
Select the list
  • Click "Save and continue".
Click "Save and continue"

Step 6: Generate OAuth Credentials

  • Go to "Credentials" and create new credentials.
Click "Create credentials"
  • Select "OAuth Client ID" and choose "Web Application"
Select "OAuth Client ID"
Choose "Web Application"
  • For Authorized JavaScript Origins, enter: https://<store-url>
Fill in the field
  • For Authorized Redirect URIs, enter: https://<store-url>/pages/bitlogin-google-callback
Fill in the field
  • Copy the Client ID and Client Secret to bitLogin Google Settings and save.
Copy Client ID and Client Secret
Click "Save"

Step 7: Optional - Enable Google One Tap

Enable Google One Tap

For further assistance, reach out to us at help@bitbybit.studio

More articles

Understanding AI Agent: GPT-3.5 Turbo vs. GPT-4o

Discover the differences between GPT-3.5 Turbo and GPT-4o with bitbybit. Compare features, costs, and use cases to find the ideal AI solution for your business.

How to Connect Stamped Loyalty Account

Learn how to connect your Stamped Loyalty account to seamlessly sync your loyalty program with your Shopify store.

How to Create a Message Template for OTP WhatsApp Cloud API

Discover how to integrate secure OTP message template functionality with the WhatsApp Cloud AP for smooth customer authentication.

More blogs