How to Enable Magento Google Login on Magento Store | Google Social Login

How to Enable Magento Google Login on Magento Store | Google Social Login


What is social login?

Social Login allows users to connect to any website using various networking platforms such as Facebook, Google, or Twitter. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.

How does Social Login Works?

The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your Magento website. If they are a new user then they are registered and if they are an existing user they are logged in.

Integration of Google Social Login ( Google SSO ) For Magento using OAuth 2.0 Protocol.

miniOrange Social Login enables your users to use their Google account to login/register to your Magento Website. Give your users a Best choice, without remembering passwords, to login/register on your Magento website. Setup Magento Google Plugin by miniOrange in few easy steps and setup Google.

How can I display a Google login button on my Magento site?

If you not able to Add Google Social login icons on your custom login/registration page of your websites, you can use our. This allows you to show Login with Google option when a User tries to Sign up or Login to your website.Many people love this button because they could save time because of no need to register and remember the password as well. All they need is their existing Google accounts.

Magento Google Social Login (Google Single Sign-On (SSO)) for Magento can be achieved by using our Magento Social Login plugin. In this guide we will see how to implement Google login on your Magento website in the easiest way. Click here to know more about other features we provide in Magento Social Login Plugin.

Pre-requisites : Download And Installation

  • You can download the miniOrange Social Login Free plugin from the Magento Marketplace.
  • Select Your Magento Store version from the Dropdown.
  • Click on Add to cart.
  • Go to the cart and checkout to buy the plugin.
  • Click on Download and save the miniOrange Social Login Plugin zip.
  • Unzip all contents of the zip inside the MiniOrange/OAuth directory.
  •       {Root Directory of Magento} app code MiniOrange MagentoSocialLogin
          
  • Run the following commands on command prompt to enable the plugin
  • 1.php bin/magento setup:di:compile
    2.php bin/magento setup:upgrade

Steps to Configure Google Social Login into Magento

Step 1. Configure Google Social Login In Magento

Follow the steps below to configure Google login in Magento

miniorange img Configure Google Social Login
  • Go to Google developers console at https://console.developers.google.com and Sign up/Login with your Google developer account.
  • Google app Magento social login
  • After sign-in, click on Create project.
  • Magento Google Social Login create project
  • Enter a Name for the Project, and optionally, edit the provided Project ID. Click on Create.
  • Magento Google login enter name of project
  • Wait for the Project to be created.
  • Magento Google login create project
  • Click on Left side Menu and go to APIs & Services -> OAuth consent screen.
  • Magento Google social login OAuth consent screen app
  • Select External as User Type and click on Create.
  • Google social login configure app user type Magento social login
  • You are prompted to Edit App Information. Enter App Name & User support Email.
  • Google app edit app information Magento social login
  • On the Scopes screen Click on Add or Remove Scopes. Check '.../auth/userinfo.email' and '.../auth/userinfo.profile'. Scroll down, Click on Save and Continue.
  • Magento Google login scopes for login
  • On the Test users screen click on Add Users. Add a few trusted users to test your app. Mind well, these users cannot be removed. Scroll down, Click on Save and Continue. Scroll down, Click on Back to Dashboard.
  • test users app for social login on Magento
  • From the Left side Menu, Click on Credentials then click on Create Credential from dropdown select Oauth client ID.
  • Google app credentials for social login
  • From Application Type drop down, Select Web Application.
  • Google web application for social login
  • Enter the Client Name.
  • Enter client name for magento 2 social login
  • Click on add Redirect URL button.
  • Magento Google social login redirect url
  • Copy the redirect URI from miniOrange social login plugin.
  • copy redirect url for magento social login plugin
  • Paste the copied URL in the redirect URI field.
  • Google sign in into Magento paste the redirect url
  • Copy Client ID and Client Secret and paste it in the miniOrange Social Login plugin in the App ID and App Secret fields respectively.
  • Google app client id and client secret for Magento social login
  • Click on Left side Menu and go to APIs & Services -> OAuth consent screen. Under Publishing Status Click on Publish App and Confirm.
  • Publish Google app on developers console

2. Set credentials in miniOrange Social Login Plugin

  • Go to miniOrange Social Login Plugin → Click on Configure Apps → click on Google:
  • Magento google login tab
  • Enable Google Social Login for Magento by enabling the toggle button.
  • Magento social login enable toggle button
  • Copy the Client Id and Client Secret form above setup and Paste them into the fields in Google Instructions.
  • Google Magento social login Client Id & secret
  • Enter the required scope.
  • Scope for google sign in into magento
  • Then click on Save & Test Configuration button.
  • Google social login test configuration
  • A new window will appears right now and ask you to login to your Google account. Login with the account which you used to register the account in Google for Developer. Press Continue as … to complete the login process.
  • A notification from the plugin that the test was successful will be shown. That means your Custom app will set properly.
  • Magento sign in test configuration successful
  • Now, Navigate to customer login page. Here you will notice that Google Social Login button has been activated. Customers can now login using their Google Credentials.
  • Google social login button on Magento customer login page

You have successfully configured Google Social Login for Magento Website.

Additional Resources


If you are looking for anything which you cannot find, please drop us an email on magentosupport@xecurify.com

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com