How to Add Social Login in Magento 2

by Fayyaz Khattak  March 27, 2017

Most people aren’t patient enough to fill lots of information when signing up for a website or an online store. That’s why many ecommerce stores integrate social logins which allow a user to use their existing social media credentials to access and services to the store.

Add Social Login in Magento 2

It’s important to allow users to sign in to your Magento store using their social networking accounts to provide them a better experience. This technique also gets you in-depth insight about the user since they tend to share more information with their friends and family. With Facebook, Twitter, Google, and LinkedIn being some of the most popular networking platforms, today, we’ll learn how to add social logins to Magento 2.

In this tutorial, we will be using Magento 2 Social Login Extension by Mageplaza, which is a free and useful Magento 2 extension. By using this extension, your users will just need to click on the social platform button, and the rest will be taken care of automatically.

Download & Install The Extension

Let’s start by downloading and installing the Magento 2 Social Login Extension:

  • First, visit the Mageplaza website and download the zip file of the extension. (You can also avail the great discount of 10% on any Mageplaza Extension.)
  • Unzip the extension file, and you will get app folder in it.
  • Login to your web hosting server via SFTP or any other file management source and upload that app folder to the root of your Magento 2 store.
  • Now connect to your hosting server using SSH and run the following CLI commands to finish the installation of extension:

Configure the Extension

Now, it’s time to set up the extension. Log in to your Magento 2 Admin Panel, and using the left menu bar, go to MAGEPLAZA > Configuration > Social Login and expand the General section.

Social Login General Settings

Here, you can see an option to enable the extension. Just select Yes using the drop-down and hit Save Config button.

You can also customize it with other available options like change the popup effect, color or add custom CSS to it.

Configure Facebook

To configure Facebook with your extension, you will require a Facebook App Id and Facebook App Secret. To get this information, login to your Facebook account and go to the Facebook for Developers section.

Tap Add a New App button, enter the relevant information, and click Create App ID button.

Facebook App ID

From your Application Dashboard, navigate to Settings and tap Add Platform at the bottom.

Facebook Add Platform

Select Website, enter the Site URL and hit Save Changes button to apply changes.

Facebook Select Platform

Facebook Platform Site URL

Copy Facebook App ID and Facebook App Secret and navigate to Magento 2 Admin Panel > MAGEPLAZA > Configuration > Social Login > Facebook. Enable it and paste the information in relevant fields.

Configure Facebook

Configure Twitter

Same as Facebook, the extension requires Consumer Key and Consumer Secret for Twitter Application. Just go to Twitter Application Management and follow the instructions to create a new app.

Twitter Application Management

Now tap Keys and Access Tokens tab and copy Consumer Key (API Key) and Consumer Secret (API Secret) and paste it in the Twitter section of the extension.

Twitter Keys And Access Tokens

Configure Twitter

Configure More Social Networks

If you want to add more social login options for your users, just expand the desired section, and you’ll see “Create app here” text. Click on it and follow the onscreen instructions.

Add More Social Options

You are now done with adding social login options to your Magento 2 store. Visit the front view of your store, tap Sign in from the top-right corner and use the social button to sign in to your Magento 2 store.

Magento 2 Front View

Related: How To Add Social Share Buttons In Magento 2

Conclusion

Adding social login in Magento 2 store can speed up the registration process. It also saves you and your users a lot of time. With this tutorial, you can successfully install Mageplaza Magento 2 Social Login free extension on your Magento 2 store. Talking about easy access, Cloudways offers you the ease of hosting your Magento stores on any of the five top cloud providers, i.e., AWS, DigitalOcean, Vultr, GCE, and Kyup. You can also sign up using your LinkedIn, Google, or Git accounts.

Start Creating Web Apps on Managed Cloud Servers Now!

Easy Web App Deployment for Agencies, Developers and E-Commerce Industry

About Fayyaz Khattak

Fayyaz is a Magento Community Manager at Cloudways - A Managed Magento Hosting Platform. His objective is to learn & share about PHP & Magento Development in Community. Fayyaz is a food lover and enjoys driving. You can email him at m.fayyaz@cloudways.com

Stay Connected:

You Might Also Like...