How to Configure Google One Tap sign in Magento 2

In today’s fast-paced digital landscape, user experience is key—and when it comes to login processes, speed and simplicity matter more than ever. That is where Magento 2 One Tap Login is introduced. With Google One Tap sign-in, you simplify the registration and log-in process of your customers and thus, they are likely to convert and have low bounce rates.

The Magento 2 Google One Tap Sign-In extension created by CodeDecorator enables customers to log in or create an account by a single tap, without any form or password. It embeds the secure and seamless authentication by Google in your Magento store and helps new users to be able to register more quickly and old customers to be able to log in effortlessly.

Key Features of Magento 2 Google One Tap Sign-In Module

Here are some key features of the Magento 2 Google One Tap Sign-In extension by CodeDecorator:

Developer-Friendly Architecture

Designed using lightweight, clean code that meets the Magento 2 standards, which means it will integrate effortlessly and customize conveniently.

Enhanced Customer Satisfaction

Lessen checkout obstacles and increase activity. This will enhance user retention and also assist in reducing the abandonment of carts.

All-in-One Login Solution

Have Google One Tap, Sign-In Button, in one extension, no separate modules required.

Trusted Google Branding

Use the familiar colors and authentication of Google to strengthen your brand and make customers trust it.

Quick & Easy Deployment

Is pre-configured, and can be quickly integrated and setup with minimum time within Magento stores.

Secure with OAuth 2.0

Implements enterprise-grade OAuth 2.0 protocol, ensuring secure handling of customer data and login credentials.

Step-by-Step: How to Install Magento 2 Google One Tap Sign-In Extension

In order to set up Google One Tap sign-in in Magento 2, you have to install a Google One Tap sign-in module, retrieve a Google API Client ID, and finally configure the module in your magento admin.

Before configuration, make sure the module is properly installed. Here’s how:

• Copy the extension files to your Magento root directory under
  app/code/Codedecorator/GoogleOneTap.

• Access your server via SSH and execute the following commands in sequence:

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy --f
php bin/magento cache:flush

How to Enable & Configure the Extension

After successfully installing the extension, follow these steps to enable and configure it from the Magento 2 admin panel:

1. Log in to your Magento admin dashboard.
2. Navigate to the CodeDecorator Extension section in the main menu.
3. Click on Configuration to access the module settings.

After accessing the module settings in your Magento admin panel, configure the following options:

• Enabled:
  Set this option to Yes to activate the Google One Tap Sign-In module on your store’s frontend.
  
• Client ID:
  Enter your Google API Client ID here. You can generate it from the Google Cloud Console. For step-by-step guidance, refer to the Google One Tap setup guide.
  
• Login Type:

 Choose how you want the Google login to appear on your store:

• Login With One Tap – Displays the One Tap login prompt in the top-left corner of all pages.
  
• Login With Button – Shows the Google Sign-In button on the login and registration pages (One Tap prompt will not be displayed).
  
• Both – Enables both the One Tap prompt and Sign-In button for maximum flexibility.
  

• Button Position on Customer Login Form:
  Select the position for the Google login button on the login page:
  
  • Above Login Form
    
  • Below Login Form
    
  • Center of Login Page
    
• Button Position on Customer Create Form:
  Choose where the Google Sign-In button appears on the registration page:
  
  • Above Create Form
    
  • Below Create Form

That’s it! After the settings are done, the button to log in or One Tap will be displayed according to the settings.

Integrating the Magento 2 One Tap Login not only improves the user experience but also contributes to higher registration rates and faster checkouts. With the Magento 2 Google One Tap Sign-In module, your store becomes more accessible and secure—all while minimizing friction.

Are you willing to improve the usability of your store and conversion rate? To get started, install this mighty extension of CodeDecorator as soon as possible.