X hide

Magento Google Plus & Blogger Login Configuration

From Plumrocket Documentation


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

Contents

Google+-icon.png Google Plus and Blogger (plus.google.com)

Description: Google+ is a Google social networking project. The Google+ design team sought to replicate the way people interact offline more closely than is the case in other social networking services.
Protocol OAuth 2
Returned Data userId, name, email, gender, birthday, photo
Requires SSL? No

How to Configure Google Plus & Blogger API for Magento

In this article you will learn how to find your Google Plus & Blogger API in order to setup the Google Plus & Blogger 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 "Library" section > select "Google+ API from the list of Popular APIs"".


3 google api setup for magento.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+/Blogger-> Redirect URIs.
  5. Click on "Create" button to finish creating your application.


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


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


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

Google Plus & Blogger Integration in Magento Social Login Pro Extension

In this step you must update your Magento Social Login Pro Extension configuration. In your magento admin panel, go to "System" -> "Configuration" -> "Plumrocket Inc" -> "Social Login Pro" -> "Google+ / Blogger" Tab.


Information Sign sm.png Step-by-Step action:
  1. Paste Client ID into the relevant field of the "Google+ /Blogger" tab in your backend.
  2. Paste Client Secret into the relevant field of the "Google+ /Blogger" tab in your backend.
  3. Press "Save Config" button.


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

Google Plus & Blogger 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+ / Blogger" tab.


Information Sign sm.png Step-by-Step action:
  1. Paste Client ID into the relevant field of the "Google+ /Blogger" tab in your Magento 2 backend.
  2. Paste Client Secret key into the relevant field of the "Google+ /Blogger" tab in your Magento 2 backend.
  3. Press "Save Config" button.


1 Magento 2 Google Plus and Blogger Login Configuration v1.jpg


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


Next Step > Return to Social Login Pro API Reference

Navigation