main-image

Social Login

Getting Started

Installation

In this tutorial, I will show you how to install magento 2 social login extension with ease. Let’s follow our tutorials here

To install the magento 2 social login, please follow instructions bellow:

1. Back up your web directory and store database.

2. Download social login extension installation package.

3. Upload content of the social login extension installation package to your store root folder via FTP/SFTP:

4. Connect to your store root directory with SSH

cd path_to_the_store_root_folder

Run 3 commands bellow:

php -f bin/magento setup:upgrade
php -f bin/magento setup:static-content:deploy
php -f bin/magento setup:di:compile

5. Flush store cache, log out from the backend and log in again

Import Sample Data

1. Go to admin > Venustheme > Setup > Import

2. Select the sample data file

3 Refresh the cache under System->Cache Management

Video Guide

Overview

Quick Ajax Login

Our magento 2 social login extension come with Quick Ajax Login form. Hence, your customers can login in a blink of an eye.

Multiple Styles & Templates

This magento 2 social login extension comes with multiple Styles & pre-made template. Moreover, you can customize form easily by changing social network buttons as your expectation.

Support 15+ social networks

  • Facebook
  • Twitter
  • Google
  • Instagram
  • WordPress
  • LinkedIn
  • Github
  • Stack overflow
  • Paypal
  • Disqus
  • Amazon
  • Pinterest
  • Vimeo
  • Dropbox
  • SoundCloud

Popover Login Form, Popup form with Magnific Popup, Fancybox

Your Login Form can be shown with popover/ popup with Magnific Popup, Fancybox

Supports the standard registration

Magento 2 social login extension is optimized for login via the social network. Moreover, if customers don’t like them, Magento 2 social login extension simultaneously offers traditional standard form at the same time

Easy to customize

In order to improve user experience and make a perfect match with your corporate and brand identity, this magento 2 social login extension lets you easily change:

  • Text
  • Color
  • Background Color
  • Background Image
  • Icon

Display On Any Position & Pages

You want to display your login form in various positions and pages such as login, registration, shopping cart, and checkout pages, our magento 2 social login is a perfect choice.

Advanced Report

You want to display your login form in various positions and pages such as login, registration, shopping cart, and checkout pages, our magento 2 social login extension is a perfect choice.

Improve Your Conversion Rates

Magento 2 social login helps you reduce abandon rate and increase customer’s registration. At the same time, by adding the social login form on the checkout page, your customer can buy faster without a complicated registration process.

Collect Rich Customer Profile Data: Name, Gender, Email, Address

With our magento 2 social login extension, you can collect Rich Customer Data such as Name, Gender, Email, Address

Display Customer Photo

Enhance customer’s experience by displaying profile photo from Facebook, Twitter, Linkedin next to “User Account” menu.

Send Welcome Email

After customer successfully login into your site, you can send them a welcome email with your own message.

Update customer information easily

Once customers have account on your site, they can update their information easily

Provide Secure Way to Login and Register Account

Our magento 2 social login extension bring you a secure way to log in; hence, your customer’s information could be secured

Compatible with Custom & Third party Magento 2 themes

If you are seeking social login for magento 2, this extension the perfect choice. It is compatible with Custom & Third party Magento 2 themes.

Change the order of social login buttons

You can freely change the order of login buttons. Drag n drop interface supports you change them in a blink of an eye.

Usage

How To Configure Social Login

In order to configure magento 2 social login, please go to Admin panel >> Landofcoder >> Social Login >> Setting

1-social-login

1. General

2-social-login

+) Popup Effect: choose one of the available effects for login form
+) Enable: Set Yes to activate the extension
+) Style Management: style your login form here
+) Social Button Position: arrange social network in expected order here
+) Custom CSS: instead of using style management by putting CSS here
+) Reload URL: put your callback URL here
+) Number Column on Large Desktop: set number of column on Large Desktop (≥1200px)
+) Number Column on Desktop: set number of column on Large Desktop (≥992px)
+) Number Column on Tablets: set number of column on Tablets (≥480px)
+) Number Column on Phones: set number of column on Phones (≥480px)
+) Popup Layout: There are 4 layout types for your choices

2. Next Parts

In these next parts, you will see the configuration for each social network channels( including Facebook, Twitter, Google, Instagram, WordPress, LinkedIn, Github, Stack overflow, Paypal, Disqus, Amazon, Pinterest, Vimeo, Dropbox, SoundCloud)

I will take Facebook as an example. Then, you can apply this way for other social networks

3-social-login

+) Facebook App Id: insert your Facebook App Id here
+) Facebook App Secret: insert Facebook App Secret here
+) Send Password To Customer: Set “Yes” to send password to customer when they login via social network
+) Style Management: Style your Facebook login icon here
+) Title: define the name of the social network

Video Tutorials

Video Tutorials

install-social-login

Top