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

How to Create and Connect WhatsApp Business App

Learn how to connect WhatsApp Business App with bitCRM to enhance campaign and automation directly in the dashboard.

How to Create and Connect WhatsApp Cloud API

Discover how to seamlessly integrate WhatsApp Cloud API with bitbybit to enhance your e-commerce customer interactions.

How to Create a New WhatsApp Cloud API Campaign

Learn how to set up and launch a WhatsApp Cloud API campaign in bitCRM. Boost customer engagement with personalized, targeted messaging in just a few simple steps.

More blogs