This website uses cookies

Our website, platform and/or any sub domains use cookies to understand how you use our services, and to improve both your experience and our marketing relevance.

How to Add Magento 2 Social Login Extension

Updated on December 23, 2021

4 Min Read
Add Magento 2 Social Login Banner

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

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 and Install the Magento Social Login 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.
  • 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:
rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/*
php bin/magento cache:clean
php bin/magento cache:flush
php bin/magento setup:upgrade
php bin/magento setup:db-schema:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
php bin/magento indexer:reindex

Scale Your Magento 2 Store With Ease

One-Click Magento installation with your own managed hosting solution.

Configure the Magento 2 Social Login Extension

Now, it’s time to set up the Magento 2 social login 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.

Magento 2 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 Magento 2 Facebook Login

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.

Integrate Magento 2 Facebook App ID

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

Add Magento 2 Facebook Platform

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

Select Facebook Platform Magento 2

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 to Magento 2 Social Extension

Configure Magento 2 Twitter Login

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 Magento 2

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 Magento 2

Configure Twitter on Magento 2

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 to Magento 2 Social Login

You are now done with adding Magento 2 social login options to your 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 Social Login Extension Front View

Related: How To Add Social Share Buttons In Magento 2

Conclusion

Adding Magento 2 social login to the 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 store. Talking about easy access, Cloudways offers top 5 Magento hosting providers, i.e., AWS, DigitalOcean, Vultr, GCE, and Kyup. You can also sign up using your LinkedIn, Google, or Git accounts.

Share your opinion in the comment section. COMMENT NOW

Share This Article

Customer Review at

“Great speed, features, knowledgebase, dashboard, UX and fast, expert support. Very happy!”

Stefan [Management Consultant]

Fayyaz Khattak

Fayyaz, a passionate Motorbike tourist, works as a Team Lead — Magento Community at Cloudways - A Managed Magento Hosting Platform. His objective is to learn & share about PHP & Magento Development in Community. You can contact him at [email protected]

×

Get Our Newsletter
Be the first to get the latest updates and tutorials.

Thankyou for Subscribing Us!

×

Webinar: How to Get 100% Scores on Core Web Vitals

Join Joe Williams & Aleksandar Savkovic on 29th of March, 2021.

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!