1. Home
  2. Docs
  3. Magento 1 Free Extensions
  4. Social Login
  5. User Guide

User Guide

 1. Overview

FREE Magento Social Login extension allows customers to quickly log in and
register on sites using their existing social accounts, such as Facebook,
Google, Twitter, LinkedIn, Yahoo and so on. They no longer have to fill in
a long registration form to create a new account and can now sign in on sites within a click.

2. How Does It Work?

2.1. General

Please go to System ⇒ Configuration ⇒ BSS EXTENSION ⇒ Social Connect.

general settings of Magento Social Login extension

In Show On Login Page, choose a position of the social block on the login page: Top, or Bottom.
In Login Box, choose Disable if you don’t want to place the social block on the login page.
In Show On Checkout Page, choose a position of the social block on the checkout page: Top, Bottom. Choose Disable if you don’t want to place the social block on the checkout page.

2.2. Facebook Connect Options

facebook connect options for Magento social login

In Enabled, choose Yes to enable Facebook login, or No to disable it.
In Application ID, enter Facebook application ID.
In Application Secret, enter Facebook application secret.
* Note: How to get Facebook APP ID & App Secret in 9 steps:
1. Access link https://developers.facebook.com/apps/?action=create
2. Add a new app

facebook for developers

3. Click on Add a Product and set up Facebook Login
4. On the left, go to Settings tab under Product ⇒ Facebook Login.

  • In Client OAuth Settings, set as follow:

Client OAuth Settings

  • In Valid OAuth Redirect URIs, fill in with website URL and Save
    Changes.
    5. Go to Settings ⇒ Basic and fill in the field

settings facebook

Scroll down to Add platform, please choose Website.
Fill in your Site URL and Save Changes.

setting facebook 2

6. Turn your app into Public Status:

settings facebook 3

7. Copy App ID and App Secret and paste to Facebook Connect Options config as above.

facebook setting 4

8. In case your Facebook popup display error; please use Redirect URI from this popup and paste this link into Valid OAuth Redirect URIs field at app set up:

facebook settings 4

9. Check result from frontend

facebook setting 5

2.3. Google Connect Option

google connect options for Magento social login

In Enabled, choose Yes to enable Google login, or No to disable it.
In Client ID, enter Google Client ID.
In Client Secret, enter Google Client Secret.
* Note: How to create Google Client ID & Client Secret in 8 steps:
1. Access link: https://cloud.google.com/console
2. Add New Project

google setting 2

3. Open your Project

google setting 3

4. At the left panel, select Homes. Under APIs, click on Go to API overview.

google setting 4

5. Go to Credential tab under APIs & Services.
Navigate to OAuth consent screen and fill in the fields as below:

google setting 5

 Turn to Credentials ⇒ Create credentials ⇒ OAuth client ID and
Create.

google setting 6

6. Copy and paste Client ID and Client Secret to Google Connect Options config

google setting 7

7. In case your Google popup display error, please use Redirect URI from this popup and paste this link into Authorized redirect URIs field at app set up:

google setting

8. Check result from frontend

2.4. Twitter Connect Options

twitter connect options for Magento social login

In Enabled, choose Yes to enable Twitter login, or No to disable it.
In Consumer Key, enter Twitter Consumer Key.
In Consumer Secret, enter Twitter Consumer Secret.

2.5. LinkedIn Connect Options

linkeln connect options for Magento social login

In Enabled, choose Yes to enable LinkedIn login, or No to disable it.
In API Key, enter LinkedIn API Key.
In Secret Key, enter LinkedIn Secret Key.

2.6. Yahoo Connect Options

yahoo connect options for Magento social login

In Enabled, choose Yes to enable Yahoo login, or No to disable it.
In Consumer Key, enter Yahoo Consumer Key.
In Consumer Secret, enter Yahoo Consumer Secret.

Was this article helpful to you? Yes No

How can we help?