Skip to content
Logo
  • Support
  • My account
  • My cart
  • Magento 2 Extensions
  • Magento 1 Extensions
  • Magento Services
  • Packages
  • Special Offers
  • Blog
  • Contact Us

Home Magento 2 Extensions Magento 2 Social Login Pro Documentation Integrations Google Login Configuration

    • Installation
    • Updating
    • Configuration
      • Facebook Login Magento Configuration
      • Twitter Login Magento Configuration
      • Google Login Magento Configuration
      • Google One Tap Sign In Magento Configuration
      • LinkedIn Login Magento Configuration
      • Yahoo! Login Magento Configuration
      • Live, Hotmail, MSN Login Magento Configuration
      • Amazon Login Magento Configuration
      • Aol Login Magento Configuration
      • GitHub Login Magento Configuration
      • Instagram Login Magento Configuration
      • Foursquare Login Magento Configuration
      • Dropbox Login Magento Configuration
      • Disqus Login Magento Configuration
      • Livejournal Login Magento Configuration
      • Tumblr Login Magento Configuration
      • Flickr Login Magento Configuration
      • WordPress Login Magento Configuration
      • PayPal Login Magento Configuration
      • Salesforce Login Magento Configuration
      • Evernote Login Magento Configuration
      • Stackoverflow Login Magento Configuration
      • Mixi Login Magento Configuration
      • QQ Login Magento Configuration
      • Sina Weibo Magento Configuration
      • Kaixin001 Login Magento Configuration
      • Renren Login Magento Configuration
      • Alipay Login Magento Configuration
      • WeChat Login Magento Configuration
      • Mydigipass Login Magento Configuration
      • SoundCloud Login Magento Configuration
      • Verisign Login Magento Configuration
      • XING Login Magento Configuration
      • PersonaBrowserID Login Magento Configuration
      • Bitbucket Login Magento Configuration
      • Skyrock Login Magento Configuration
      • Bitly Login Magento Configuration
      • Box.com Login Magento Configuration
      • Vimeo Login Magento Configuration
      • Reddit Login Magento Configuration
      • Upwork Login Magento Configuration
      • TeamViewer Login Magento Configuration
      • Etsy Login Magento Configuration
      • Imgur Login Magento Configuration
      • Intuit Login Magento Configuration
      • MailChimp Login Magento Configuration
      • Dribbble Login Magento Configuration
      • Goodreads Login Magento Configuration
      • Last.fm Login Magento Configuration
      • Naver Login Magento Configuration
      • Line Login Magento Configuration
      • Apple Login Magento Configuration
      • Steam Login Magento Configuration
      • Yahoo! Japan Login Magento Configuration
      • Telegram Login Magento Configuration
      • TikTok Login Magento Configuration
      • Spotify Login Magento Configuration
      Integrations
    • How-To Guides
    • Troubleshooting
    • Developer Guide & API Reference
    • Translation
    • Uninstalling
    Magento 2 Social Login Pro - Documentation

How to Add Magento Google Login to Your Website

Google

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 Set Up Google Login API for Magento

In this article, you will learn how to find your Google Login API and integrate Google Login into Magento Social Login Pro plugin. Please follow the step-by-step instructions below.

Step 1. Create New Project

Step-by-step guide:

  1. Login to console.cloud.google.com and go to APIs & Services -> Dashboard in th left sidebar menu.
  2. Click Create Project.
Creating new project in Google Cloud Platform

Step-by-step guide:

  1. Enter a descriptive name for your project in the Project Name field.
  2. Optionally, you can change the Project ID by clicking Edit. You cannot change it after the project is created.
  3. Click Organization and select your organization.
  4. In the Location field, click Browse to display locations for your project, click a location and then click Select.
  5. After all fields are completed, click Create. The console navigates you to the Dashboard page, and your project is created within a few minutes.
Configuring new project in Google Cloud Platform

Step 2. Enable API

Step-by-step guide:

  1. Click Enable APIs and Services to go to the API Library and create APIs for your project.
Enabling APIs and Services in the Google Cloud Platform

Step-by-step guide:

  1. Search for “IAM“.
  2. Click the IAM Service Account Credentials API to enable it for your account.
Creating IAM Service Account Credentials API in Google Cloud Platform

Step-by-step guide:

  1. Click Enable, and the Overview page will appear.
Enabling IAM Service Account Credentials API in Google Cloud Platform

Step 3. Create API Credentials

Step-by-step guide:

  1. You need credentials to use the enabled API. Click Create Credentials to get started.
Creating API Credentials in Google Cloud Platform

Configuring Credential Type

Step-by-step guide:

  1. In the Select an API field, choose IAM Service Account Credentials API.
  2. Choose User Data in order to create an OAuth client.
  3. Click Next.
Configuring IAM Service Account Credentials API

Configuring OAuth Consent Screen

Configure the Consent Screen in order to indicate your Magento social share extension application data.

Step-by-step guide:

  1. App Name: enter the name of your Magento store that asks customers for consent to use their Google account data for authentification.
  2. User support email: provide an email for users to contact if they have questions about their consent.
  3. Upload your Magento store logo to be displayed on the consent screen.
  4. Under the Developer contact information, provide Email addresses for Google to notify you about any changes to your project.
  5. Click Save and continue.
Configuring OAuth Consent Screen in Google Cloud Platform

Configuring OAuth Client ID

Step-by-step guide:

  1. Set the Application Type to Web application.
  2. Specify the Name for your OAuth 2.0 client.
  3. Under Authorized JavaScript origins, enter the URL of your live domain by clicking ADD URL.
Configuring OAuth Consent Screen in Google Cloud Platform

Step-by-step guide:

  1. Under Authorized redirect URLs, past your Magento 2 redirect URL. To find it, go to your Magento admin panel -> Plumrocket -> Social Login Pro -> Configurations -> Google -> Redirect URLs.
  2. Click Create to finish creating credentials for your application.
Configuring Authorized redirect URLs in Google Cloud Platform

Downloading Credentials

Step-by-step guide:

  1. Once the credentials are created, click Download to get your Client ID and Client Secret necessary to integrate Google Login to your Magento 2 store.
Downloading API Credentials

Step-by-step guide:

  1. Once you open the file, you can find your Client ID and Client Secret.
Client ID and Client Secret for Google Login

Step 4. Create an API Key

Now you need to create an API key for your project.

Step-by-step guide:

  1. Navigate to the APIs & Services -> Credentials panel in Cloud Console.
  2. Click Create credentials, then select API key from the dropdown menu.
  3. Copy your newly created API key is displayed in the API key created dialog. Copy this key to paste later in your Magento admin panel.
  4. Click Restrict key to secure your API key and avoid using it by anyone from anywhere.
Creating API Keys Google Cloud Platform

Step-by-step guide:

  1. Name: you can edit your API Key name in this field.
  2. Under the Application restrictions, select HTTP referrers (web sites).
Restricting API Keys in Google Cloud Platform - Application Restriction

Step-by-step guide:

  1. Click Add an item and provide at least one restriction in the Website restrictions section. This way, you specify which websites can use your API key. Optionally, you can use wildcard characters (*) for the subdomain and/or path. Make sure to provide both HTTP and HTTPS paths if your domain supports both.
  2. Click Save.
Restricting API Keys in Google Cloud Platform - Website Restrictions

At this point, you have completed the creation of API for your Magento store. Proceed to the next section in order to configure the Google Login in the Magento admin panel.

Configuring Google Integration in Magento Social Login Pro Extension

In order to integrate Google Login into your Magento store, go to System -> Configuration -> Plumrocket Inc -> Social Login Pro in the Magento admin panel.

Step-by-step guide:

  1. Go to the Google tab.
  2. Set the Enable option to Yes to enable the Google integration.
  3. Paste Client ID into this field.
  4. Paste the Client Secret key into this field.
  5. Enter your Google API Key, which can be found at your Google Developer’s account.
  6. Click Save Config to save your settings.
Magento Social Login Extension - Configuring Google Integration

Configuring 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 -> Social Login Pro -> Configuration -> Google.

Step-by-step guide:

  1. Set the Enable option to Yes to enable Google Login on your Magento 2 website.
  2. Paste the Client ID into this field.
  3. Paste the Client Secret key into this field.
  4. Enter your Google API Key in this field.
  5. Click Save Config.
Magento 2 Social Login Extension - Configuring Google Integration

Enabling Magento Google One-Tap Sign Up and Sign In

Please follow the How to Add Magento Google One-Tap Sign In article if you want to enable it on your website.

At this point, setting up Google Magento Social Login and Magento 2 Social Login application is complete.

Next Step > Return to Social Login Pro API Reference

Was this article helpful?
12/14/202011/18/2021
Search
Search
Generic selectors
Exact matches only
Search in title
Search in content
Contents
Company
  • Home
  • About Plumrocket Inc.
  • Customer Stories
  • Programs & Promotions
  • Careers
  • Contact Us
Legal
  • Terms of Service
  • Privacy Policy
  • Refund Policy
  • Cookie Policy
  • Privacy Center
  • Updates & Support Policy
Resources
  • Blog
  • FAQ
  • Documentation
  • Tutorials
Partners
  • Partner Program
  • Affiliate Program
  • Official Partners
Plumrocket Inc. © 2008 - 2025
Follow Us:
  • Facebook
  • Twitter
  • LinkedIn
  • YouTube