Pricing
Login
Start Free

How to Set Up Google OAuth & Google One Tap

bitLogin

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 Your Order Statuses

Learn the meaning of each order, payment, and fulfillment status. Helps you track and manage orders more efficiently.

How to Export Data Orders

Export all order records in CSV or Excel format. Ideal for reporting or data backup.

How to Partially Fulfill an Item

Use partial fulfillment when some items are out of stock or shipped separately. You can complete the rest of the order later.

More blogs
Help & Support
WhatsApp: +62 815-1423-1000
help@bitbybit.studio
© bitbybit. All rights reserved.
PT. Benar Benar Bagus