User Guide - Google One Step Login for Magento 2

General Configuration

Admin can configure the Google One Tap Login settings under the Stores > Configuration > Dolphin > Google One Tap Login.

General Settings

Google Login: The admin can Enable/Disable extension for a specific store where this extension is not needed.
Client Id: When admin add client id from Google API, then google one tap prompt will display in the frontend.
Close Prompt on Background Click: The admin can Enable/Disable for automatically close prompt login when click on Background or out of prompt.
Prompt Position: The admin can change the prompt login such as top left, top right, bottom left and bottom right.

Create Client Id

First of all, go to the Google Api link.

Now, go to the Credentials from the left navigation panel as per the screenshot.
Click on Create Credentials and you can see the multi-options. Now click on the OAuth client ID.

For Web Application

After clicking on OAuth Client ID, you need to choose Web application from the dropdown as per the above screenshot.

Add/Whitelist Store URL

Now, you need to add Name and store URL for authorized JavaScript origins and redirect URIs.

Note: If you need to use multiple stores, then you need to whitelist from here.

OAuth client created

The OAuth client id was created successfully, please copy and paste Client ID in System configuration and you can see Google One Tap Prompt on the frontend.

Google One Tap on Frontend

Users can register with one click from the prompt. If the user already register then you can also be logged in from there.

GraphQL

Use the Google One Tap Login query to retrieve information about the customer authentication token.

Get Store Configuration Information

It will return admin configuration of Onetaplogin.

Query:

{
  logincustomerconfig{
    enable
    clientid
    promptclose
    position
  }
}

Output:

{
  "data": {
    "logincustomerconfig": {
    "enable": 1,
    "clientid": "exampleid.apps.googleusercontent.com",
    "promptclose": "true",
    "position": "top-right"
    }
  }
}

Get Customer Token

User can create sdk and get token from Developer OAuth2 Protocols.

It will return customer Authentication token.

Query:

{
  customtoken(token : "google_token"){
    token
  }
}

Output:

{
  "data": {
    "customtoken": {
        "token": "cgkuh3pdq06xy882yp8peoddw3ap8tvu"
    }
  }
}

REST API

Please check the following example for OneTapLogin store configuration and customer token information.

Get Store Configuration Information

Request URL: yourdomain.com/rest/V1/oneTapLoginConfig

No parameter require.

Admin authentication token required.

It will return admin configuration of Onetaplogin.

Get Customer Token

Request URL: yourdomain.com/rest/V1/oneTapLoginUserdata

You need to pass a token(google authentication).

Admin authentication token required.

It will return customer authentication token.

Live Demo

Frontend

Admin Panel

Contact Us

If you want customization or more functionality in our Extension, feel free to contact us. We are eager to shape your system with our effective solutions.!!!