bitLogin

How to set up Google OAuth & Google One Tap

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>
  • For Authorized Redirect URIs, enter: https://<store-url>/pages/bitlogin-google-callback
Fill in the fields
  • 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 any further assistance, feel free to reach out to us at info@bitbybit.studio

More articles

How to Preview Your Link in Real Time

Learn how to preview your bitLink page in real time to ensure your design and content are just right before going live.

Read
How to Use a Preset Theme for Your Link Page

Discover how to choose and apply preset themes to your bitLink page for a visually appealing, professional design that aligns with your brand.

Read
How to Add or Edit Your Store Bio

Learn how to add or edit your store bio in bitLink, making it easier to share your brand story and mission with your audience.

Read
More blogs