Social Login¶

Overview¶

Customers are not patient enough to fill a lot of required information while those are available in social account as Facebook, LinkedIn, Instagram,… Social Login extension by Mageplaza, your customers only need to click on the social button and all necessary information is completed automatically.That is the main reason why Magento Social Login extension is considered as the great solution for that convenience.

How to configure¶

From Magento Admin, select Store > Settings > Configuration > Mageplaza Extensions > Social Login.

I. General¶

From the Admin Panel, go to Store > Settings > Configuration > Mageplaza Extensions > Social Login, choose General sections

In the Enable field: Select “Yes” to allow customers sign in quickly via social networking sites they are using.
In the Send Password To Customer field: Select “Yes” to activate sending notifications to customers to remind them to change their passwords when signing in via social accounts. They can change their passwords via their emails used to register for that social account.
In the Show Social Login Buttons on field:
- Select display page(s) with social login buttons. Show Social Login Buttons on = Customer Login Page will show social login buttons on the login page.
- Can select more than one option
In the Use Popup Login field: Select “Yes” to
- Turn on Popup and Show Social Login Buttons in Login Dialog, Create New Account, and Forgot Passwords.
- Include Social Login buttons in Customer Authentication Popup page
In the Popup Links Selector field: Customize any default Login and Create button to be a popup-open button by filling in class name of elements that cover these buttons.
In the Require Real Email field: Choose Yes to enable the real email confirmation feature with the social media that doesn’t provide a real email as Yahoo, Github, etc.
Popup Effect : Admin can select one among popup display effects below

In the Style Management field: Admin can choose one of the display colors for popup. Style Management = Custom means Admin can select custom the color swatch.
In the Custom CSS field: You can add CSS code to customize based on your personal preference.

II. Facebook sign in¶

2.1. How to configure Facebook¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Facebook.

In the Enable field: Select “Yes” to show Sign in with Facebook button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Facebook API can be found here.

III. Google Sign in¶

3.1. How to configure Google¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Google.

In the Enable field: Select “Yes” to show Sign in with Google button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Google API can be found here.

IV. Amazon Sign in¶

4.1. How to configure Amazon¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Amazon.

In the Enable field: Select “Yes” to show Sign in with Amazon button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.

V. Twitter Sign in¶

5.1. How to configure Twitter¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Twitter.

In the Enable field: Select “Yes” to show Sign in with Twitter button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Twitter API can be found here.

VI. LinkedIn Sign in¶

6.1. How to configure LinkedIn¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Linkedln

In the Enable field: Select “Yes” to show Sign in with LinkedIn button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create LinkedIn API can be found here.

VII. Yahoo Sign in¶

7.1. How to configure Yahoo¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Yahoo.

In the Enable field: Select “Yes” to show Sign in with Yahoo button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Yahoo API can be found here.

VIII. Foursquare Sign in¶

8.1. How to configure Foursquare¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Foursquare.

In the Enable field: Select “Yes” to show Sign in with Foursquare button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Foursquare API can be found here.

IX. Instagram Sign in¶

9.1. How to configure Instagram¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Instagram.

In the Enable field: Select “Yes” to show Sign in with Instagram button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Instagram API can be found here.

X. Vkontakte Sign in¶

10.1. How to configure Vkontakte¶

Go to `` Store > Settings > Configuration > Mageplaza Extensions > Social Login > Vkontakte``.

In the Enable field: Select “Yes” to show Sign in with Vkontakte button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Vkontakte API can be found here.

XI. Github Sign in¶

11.1. How to configure Github¶

Go to Store > Settings > Configuration > Mageplaza Extensions > Social Login > Github.

In the Enable field: Select “Yes” to show Sign in with Github button
In the Sort Order field: The order to show social login buttons. Order will be arranged as following: number, special symbol, uppercase, lowercase.
Instruction to create Github API can be found here.

11.2. Login using Github¶

Github Login dialog will be shown after clicking on Sign in with Github button.

Expert’s recommendations

Tip

Must-have extensions for your Magento stores