Magento 2 Social Login.

$0.00
Links
$0.00
$0.00  Free version $149.00  Pro version

Login with Facebook

Login with Amazon

Login with Google

Login with Instagram

Login with Twitter

Login with LinkedIn

Login with PayPal

Free Version

weltpixel



weltpixel



About Social Login.

We are constantly looking to boost conversion rate and reduce friction in the checkout process.

The account creation and login process can often be lengthy, the user might also forget the password to login, or even worse, struggle to remember the username or email associated with the account.

Using social logins or social sign-in is a great way to simplify the login and registration process. The customer does not need to remember their username or password, and because the social platforms are constantly signed on, it’s just a simple push of a button to log into the account and reduce all the friction in the checkout process.

Studies show.

  • 86% of the users report being bothered by having to create a new account on websites.
  • 77% of Users Believe Social Login Is A Good Registration Solution and should be offered by any website.
  • 92% of users will leave a site instead of resetting or recovering login information and also 1/3 of people say they leave frequently when forgetting.
  • 88% of users admit to entering incomplete or incorrect data on registration forms

Features of the extension.

  • Login with Facebook.
  • Login with Google.
  • Login with Amazon.
  • Login with Instagram. (PRO only)
  • Login with Twitter. (PRO only)
  • Login with LinkedIn. (PRO only)
  • Login with PayPal. (PRO only)

Analytics Dashboard.

The Social Login Analytics Dashboard helps you better understand your user base. The detailed reports by Social Platform helps you understand how many and what percentage of your customers prefer using one social network VS another.

It will also give you visibility into which social networks your customers are using so you can strategize into investing more effort into those channels. You will also be able to conduct a deeper analysis of which customer demographic has the most orders, purchases the most items as well as which generates the most revenue.



weltpixel

How to Install the Extension.

  • Step 1:
    Before installing Social Login for Magento 2 store please check the extension compatibility. This extension is currently compatible with the following Magento versions 2.0.X. - 2.3.0 It is recommended to install the extension first on a testing server before you install it on a live (production) server.
  • Step 2:
    Copy the extension files to below paths of your magento 2 instance. If ‘app/code/WeltPixel’ folder is missing, please create it manually:
    app/code/WeltPixel/Backend
    app/code/WeltPixel/SocialLogin
  • Step 3:
    Access the root of your magento 2 project from command line and run the following commands:
    php bin/magento module:enable WeltPixel_Backend --clear-static-content
    php bin/magento module:enable WeltPixel_SocialLogin --clear-static-content
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy
  • Step 4:
    Flush any cache that you might still have enabled on your server or in Magento.
  • Step 5:
    Woohoo, the extension is installed!

How to Upgrade the extension.

  • Step 1. Remove extension code under app/code/WeltPixel/SocialLogin before adding the new extension files. The extension may be refactored and old unused files may cause random issues so it's best to only keep the latest version of the files.
  • Step 2. Follow normal installation instructions above.

CONFIGURATION.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

ENABLE SOCIAL LOGIN.

    Go to Admin > Stores > Configuration > WeltPixel > Social Login > General Settings.

    • Enable Social Login [Yes / No] - Enable/Disable the WeltPixel Social Login Extension.
    • Show Social Login On Cart Page [Yes / No] - Choose whether or not to show Social Login buttons on the Cart page.
weltpixel
weltpixel

FACEBOOK LOGIN.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

  • Go to Admin > Stores > Configuration > WeltPixel > Social Login > Facebook Login

  • Enable Facebook Login [Yes / No] - Enable/Disable Facebook Login.
  • Facebook App ID and Facebook App Secret can be found when configuring the Facebook Login API by following the configuration steps below.
  • OAuth Redirect URI - This URL should be used while creating a new Social Login application.

Configuring the Facebook API.

  • We try to provide an explicit social media account dashboard configuration, however, sometimes, the platforms update their layouts and this is something that is out of our control. Just reach out via support and let us know if we need to update any information

Step 1.

  • Head to Facebook for Developers and log in with your Facebook account.
  • Click on Add a New App and enter the app's Display Name, along with the contact email and click Create App ID.
weltpixel
weltpixel

Step 2.

  • Find the Facebook Login product and click Set Up.
  • Select Web as the platform, and follow the configuration steps presented.

Step 3.

  • You'll see that Facebook Login has been added under Products. Click on it and select Settings from the dropdown menu.
  • We'll be adding the OAuth Redirect URI, which we can find in the Magento Admin under WeltPixel -> Social Login -> Facebook Login -> OAuth Redirect URI.
weltpixel
weltpixel

Step 4.

  • Finally, we'll get the App ID and App Secret. To do this, from the menu on the left hand side, select Settings, and from the dropdown, select Basic.
  • Remember to also fill out the Privacy Policy and Terms of Service URLs.
  • Take the App ID and App Secret (you can also fill in the rest of the details on this page) and enter them into the Magento Admin under the respective fields.
    • Note!: The Privacy Policy URL is required for the app to go Live.
  • Set the App Status to Live.
  • Save the configuration and you should be done!

INSTAGRAM LOGIN.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

  • Go to Admin > Stores > Configuration > WeltPixel > Social Login > Instagram Login

  • Enable Instagram Login [Yes / No] - Enable/Disable Instagram Login.
  • Instagram Client ID and Client Secret - Can be found by following the configuration steps presented below.
  • OAuth Redirect URI - This URL should be used while creating a new Social Login application.
weltpixel
weltpixel

Configuring the Instagram API.

  • We try to provide an explicit social media account dashboard configuration, however, sometimes, the platforms update their layouts and this is something that is out of our control. Just reach out via support and let us know if we need to update any information

Step 1.

  • Head over to Instagram Developer and log in using your Instagram account.
  • Click on Register a New Client and fill out the form.
    • Under Valid redirect URIs, make sure you take the URI found in your Magento Admin -> WeltPixel -> Social Login -> Instagram Login -> OAuth Redirect URI and enter it into the field.

Step 2.

  • After setting up the Client, it should appear in the Manage Clients list.
  • Click on Manage.
weltpixel
weltpixel

Step 3.

  • On the next screen, you should be able to see your Client ID and Client Secret.
  • Take the Client ID and Client Secret and enter them into the Magento Admin under the respective fields.
  • Click Update Client.
  • Save the configuration and you should be done!

    Note!: In order for the Client to go live, you'll need to get it reviewed by Instagram. To submit the Client for review, hit Manage on your Client and head over to Permissions. After that, click on Start a Submission. Select "My app allows people to login with Instagram and share their own content". Describe what you'll be using the Client for and enter a URL showcasing the frontend with the Login With Instagram option enabled. You should then be ready to send in the submission.

GOOGLE LOGIN.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

  • Go to Admin > Stores > Configuration > WeltPixel > Social Login > Google Login

  • Enable Google Login [Yes / No] - Enable/Disable Google Login.
  • Google Client ID and Google Client Secret - Can be found by following the configuration steps presented below.
  • OAuth Redirect URI - This URL should be used while creating a new Social Login application.
weltpixel
weltpixel

Configuring the Google API.

  • We try to provide an explicit social media account dashboard configuration, however, sometimes, the platforms update their layouts and this is something that is out of our control. Just reach out via support and let us know if we need to update any information

Step 1.

  • Head over to the Google Developer platform and sign in with your Google account.
  • Click on Create Project and fill in the required details.

Step 2.

  • Click on Credentials in the menu on the left hand side.
  • Click on OAuth consent screen, fill in the required details and hit Save.
weltpixel
weltpixel

Step 3.

  • Next, click on Create credentials and then on OAuth client ID.

Step 4.

  • Select Web application and fill in the required details.
  • Under Authorized redirect URIs, enter the URI found in Magento Admin -> WeltPixel -> Social Login -> Google Login -> OAuth Redirect URI.
  • Click Create
weltpixel
weltpixel

Step 5.

  • You'll then be presented with your Client ID and Client Secret.
  • Copy those and paste them into their respective fields in the Magento Admin.
  • Save the configuration and you should be done!

AMAZON LOGIN.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

  • Go to Admin > Stores > Configuration > WeltPixel > Social Login > Amazon Login

  • Enable Amazon Login [Yes / No] - Enable/Disable Amazon Login.
  • Amazon Client ID and Amazon Client Secret - Can be found by following the configuration steps presented below.
  • OAuth Redirect URI - This URL should be used while creating a new Social Login application.
weltpixel
weltpixel

Configuring the Amazon API.

  • We try to provide an explicit social media account dashboard configuration, however, sometimes, the platforms update their layouts and this is something that is out of our control. Just reach out via support and let us know if we need to update any information

Step 1.

Step 2.

  • Fill out the necessary details required by the form.
  • Click on Save.
weltpixel
weltpixel

Step 3.

  • Click on Show Secret to reveal your Client Secret.
  • Enter the OAuth Redirect URI found in the Magento Admin -> WeltPixel -> Social Login -> Amazon Login -> OAuth Redirect URI under Allowed Return URLs.
  • Copy your Client ID and Client Secret and paste them into their respective fields in the Magento Admin.
  • Save the configuration and you should be done!

TWITTER LOGIN.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

  • Go to Admin > Stores > Configuration > WeltPixel > Social Login > Twitter Login

  • Enable Twitter Login [Yes / No] - Enable/Disable Twitter Login.
  • Twitter Client ID and Twitter Client Secret - Can be found by following the configuration steps presented below.
  • OAuth Redirect URI - This URL should be used while creating a new Social Login application.
weltpixel
weltpixel

Configuring the Twitter API.

  • We try to provide an explicit social media account dashboard configuration, however, sometimes, the platforms update their layouts and this is something that is out of our control. Just reach out via support and let us know if we need to update any information

Step 1.

Step 2.

  • Fill out the App fields.
  • Make sure you check the "Enable Sign In with Twitter" box and fill out the Privacy Policy and Terms of Service URLs.
  • Fill in the Callback URL with the OAuth URL found in the Magento Admin under Admin > WeltPixel > Social Login > Twitter Login > OAuth Redirect URI.
  • Click on Create.
weltpixel
weltpixel

Step 3.

  • Click on Keys and Tokens.
  • Get the API key and API secret key and enter them into their respective fields in the Magento Admin.
  • Click on Permissions and make sure that you can see "Request email address" under Additional Permissions.
  • Save the configuration and you should be done!

LINKEDIN LOGIN.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

  • Go to Admin > Stores > Configuration > WeltPixel > Social Login > LinkedIn Login

  • Enable LinkedIn Login [Yes / No] - Enable/Disable LinkedIn Login.
  • LinkedIn Client ID and LinkedIn Client Secret - Can be found by following the configuration steps presented below.
  • OAuth Redirect URI - This URL should be used while creating a new Social Login application.
weltpixel
weltpixel

Configuring the LinkedIn API.

  • We try to provide an explicit social media account dashboard configuration, however, sometimes, the platforms update their layouts and this is something that is out of our control. Just reach out via support and let us know if we need to update any information

Step 1.

Step 2.

  • Fill out the App fields.
  • Make sure you fill out the Privacy Policy URL.
  • Hit Submit.
weltpixel
weltpixel

Step 3.

  • Under Authentication, you'll have the Client ID and Client Secret. Enter those into their respective fields in the Magento Admin.
  • Under Default Application Permissions, make sure you have the r_basicprofile and r_emailaddress boxes checked.
  • Fill in the OAuth 2.0 redirect URL with the URI generated under Admin > WeltPixel > Social Login > LinkedIn Login > OAuth Redirect URI.
  • Click on Update.
  • Save the configuration and you should be done!

PAYPAL LOGIN.

! Important NOTE: Social Login only works with HTTPS connection, make sure your store is configured to use a secure connection.

  • Go to Admin > Stores > Configuration > WeltPixel > Social Login > PayPal Login

  • Enable PayPal Login [Yes / No] - Enable/Disable PayPal Login.
  • PayPal Client ID and PayPal Client Secret - Can be found by following the configuration steps presented below.
  • OAuth Redirect URI - This URL should be used while creating a new Social Login application.
weltpixel
weltpixel

Configuring the PayPal API.

  • We try to provide an explicit social media account dashboard configuration, however, sometimes, the platforms update their layouts and this is something that is out of our control. Just reach out via support and let us know if we need to update any information

Step 1.

  • Head over to the PayPal Developer Dashboard and log in using your PayPal account.
  • Scroll down to REST API Apps and click on Create App.

Note!: Live credentials are available only when using or upgrading to a Premier or Business account.

Step 2.

  • Name your App.
  • Select your developer account.
  • Hit Create App.
weltpixel
weltpixel

Step 3.

  • You can find your Client ID and Client Secret in this next section. Copy them over into their respective fields in the Magento Admin.
  • Click Save Config in Admin.

Step 4.

  • Scroll down to the Return URL section. Add the OAuth Redirect URI found in Admin > WeltPixel > Social Login > PayPal Login > OAuth Redirect URI.
weltpixel
weltpixel

Step 5.

  • Make sure you have the Log In with PayPal box checked.
  • Click Advanced options and make sure you have Full name and Email address checked.
  • Fill out the Privacy policy and User agreement URLs.
  • Click Save.
  • Live mode troubleshooting: If you're receiving an error while your App is in Live mode, make sure the App allows the "Email" information to be requested. If the option is greyed out, you may need to submit your App for review.

Change Log.

What’s new in v.1.8.1 - December 12, 2018

  • Added multi-store compatibility.
  • PayPal Sandbox and Live account configuration admin options.
  • Optimized the generation of the OAuth URI in Admin.
  • Fixed a bug related to Facebook Social Login return email function.
  • Documentation improvements.


What’s new in v.1.8.0 - December 3, 2018

  • Initial release.


weltpixel
Write Your Own Review
You're reviewing:Magento 2 Social Login.
Your Rating
Recently Viewed
No recently views items
Clear All
Newsletter Fashion Box
Stay Updated!
Newsletter Fashion Box