Child pages
  • Social Login - Magento 2

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column
width50%

Table of Contents

Warning

Firefox user notice:

Please use different web browser to view this document.

Sorry for the inconvenience.

Column
width30%

Social Login - Magento 2

The Magento 2 Social Login module gives online shoppers quick registration and authorization possibilities on a retail website through social login buttons. Social logins can be enabled on login, register, cart, and checkout pages of a website. The order of login options on each page can be individually set by a store admin. Additionally, merchants can view all linked social accounts assembled in a single table.   

Compatibility: Magento Open Source 2.2.X, Magento Commerce 2.2.X

UI Button
titleProduct Page
colororange
urlhttps://ecommerce.aheadworks.com/magento-2-extensions/social-login/
sizelarge

...

Section

Social Login extension is ready for work right after installation. It comes with a set of four Social Login Blocks that can be enabled separately and displayed at the following pages (click the name of the page to see how it looks):

Expand
titleCreate new customer account

Expand
titleLogin

Expand
titleShopping Cart

Expand
titleCheckout

The blocks can contain up to four social network login buttons: Twitter, Facebook, Google, LinkedIn; allowing customers for one click login (providing they are already logged into the corresponding social network).

How is the account at the store created?

Whenever customer clicks a social login button he is redirected to the appropriate social network page. At the social network page customer has to confirm that he wants to use the social account to log in to the store.

Once confirmed, customer is taken back to the store and account is created.

  • For Facebook and Google - the account at the store is created with the email associated with the social account;
  • For Twitter and LinkedIn - the account at the store is created with a service email generated on spot by the social network (this is Twitter and LinkedIn peculiarity).

Configuration

The extension introduces its settings section to the Stores > Configuration > aheadWorks extensions > Social Login:

 

The settings section should already be familiar to you if you followed the installation instructions and registered social network applications. Within this section store administrator can decide on which store pages the Social Login blocks should be displayed. Additionally administrator can include/exclude required social networks from the Social Login block.

The section comes with the following settings:

  • Enable Social Login - enables/disables the extension's output;
  • Login Blocks - enables/disables default login blocks and allows adding custom blocks;
  • Twitter/Facebook/Google/LinkedIn - these sections allow enabling/disabling particular social networks for logging in purposes and store appropriate Consumer Keys and Secrets.

Social Accounts management

Another section Social Login extension introduces to the store backend is the Social Accounts section found under Customers > Social Login by aheadWorks > Social Accounts:

 

Social Accounts section provides an overview on all social accounts customers have linked to the store:

  • Click  button to see though the columns available and customize the Social Accounts grid, some columns may be excessive and some relevant to your current tasks;
  • Click  button to look for the social accounts matching a set of attributes;
  • Click  button to save the perfect Social Accounts grid look you found to quickly load it whenever required.

Customer area

At the frontend of the store Social Login extension introduces My Social Accounts customer account section:

 

The section allows customer to look through, link and unlink social network accounts to the store account.

Linking a social account lets customers log in to the store in one click and proceed to the catalog.

 

These are all the pages extension introduces to the store. In the next chapter the instructions on how to add new Login Blocks to the custom positions will be provided.

...