X hide

Magento Google Login Configuration

From Plumrocket Documentation


You are viewing:  Social-login-pro-icon-32.png  Social Login Pro

Contents

Googleicon.png Google (google.com)

Description: Google is a technology company which specializes in Internet-related services and products, which include online advertising technologies, search engine, cloud computing, software, and hardware.
Protocol OAuth 2
Returned Data userId, name, email, photo
Requires SSL? No

How to Configure Google Login API for Magento

In this article you will learn how to find your Google Login API in order to setup the Google Login functionality. Please follow the step-by step instructions below.


Information Sign sm.png Step-by-Step action:
  1. Login to console.developers.google.com.
  2. Navigate "Project" section and select "Create Project" from the drop-down.
  3. Press "Create Project" button.


1 google api setup for magento up.jpg


Information Sign sm.png Step-by-Step action:
  1. Enter name of your project in the "Project Name" field.
  2. Press "Create" button.


2 google api setup for magento.jpg


Information Sign sm.png Step-by-Step action:
  1. Go to the "Library" section > search for "IAM Service Account Credentials API "".


Magento 2 social login google login 1 up.jpg


Information Sign sm.png Step-by-Step action:
  1. Go to "Credentials" tab.
  2. Press "Create Credentials" button.
  3. Select "OAuth client ID" option from the dropdown.


4 google api setup for magento.jpg


Information Sign sm.png Step-by-Step action:
  1. Navigate to "Configure consent screen" in order to indicate your magento social share extension application data.


4-Configuring-google plus v1.2.7 v 1.jpg


Information Sign sm.png Step-by-Step action:
  1. Select your email address to be used with this application.
  2. Indicate the name of your product.
  3. Paste the homepage for your project.
  4. Click on "Save" button.


5-Configuring-google plus v1.2.7 v 1.jpg


Information Sign sm.png Step-by-Step action:
  1. Select application type to be "Web application".
  2. Fill in the name of your application.
  3. Indicate the name of your live domain.
  4. Indicate the authorized redirect URI. To find it, go to your backend-> Plumrocket-> Social Login Pro-> Google> Redirect URIs.
  5. Click on "Create" button to finish creating your application.


6-Configuring-google plus v1.2.7 v 4566.jpg


Information Sign sm.png Step-by-Step action:
  1. Here you can find the "Client ID" of your Google application.
  2. Here you can find the "Client Secret" of this application.


7-Configuring-google plus v1.2.7 v 1.jpeg


Google Integration in Magento 2 Social Login Pro Extension

In this step you must update your Magento 2 Social Login Pro Extension configuration. In your magento admin panel,go to "Plumrocket" tab in the main menu -> "Social Login Pro" section -> "Configuration" section > "Google" tab.


Information Sign sm.png Step-by-Step action:
  1. Paste Client ID into the relevant field of the "Google" tab in your Magento 2 backend.
  2. Paste Client Secret key into the relevant field of the "Google" tab in your Magento 2 backend.
  3. Enter your "Google API Key" which can be found at your Google Developer's account.
  4. Press "Save Config" button.


Magento 2 social login google plus config 2.7.0.jpg


Enable Magento Google One-Tap Sign Up and Sign In

With Google's one-tap sign-up and automatic sign-in APIs, new users can sign up to your site with just one tap. Returning users are signed in automatically, even when they switch devices or platforms, or after their session expires.


Google one tap login frontend v3.png


Enabling Google One Tap in Magento backend is very easy once you completed all previous steps. Just follow these directions:


Information Sign sm.png Step-by-Step action:
  1. Select "Yes" from the "Enable One-Tap Sign Up" dropdown list.
  2. Select one or more pages where the One-Tap Sign Up must be activated.
  3. Select "Yes" if you want to enable "Automatic Sign-Ins". This feature allows returning users to be automatically signed-in everytime they visit your store.
  4. Select one of three available titles to be displayed in the Google One Tap popup.
  5. Lastly, you can optionally change the default Google One Tap position by specifying the new container DOM ID (CSS Class ID). This feature allows displaying Google One Tap inside Magento Sign In Page, Popup Login, or in any other custom location.
  6. Press the “Save Config” button to save changes.


Google one tap login backend v3.png


Configuration of Google Magento Social Login and Magento 2 Social Login application is now completed.


Next Step > Return to Social Login Pro API Reference

Navigation