Magento Twitter Social Login | How to Add Twitter Login in Magento 2

Magento Twitter Social Login | How to Add Twitter Login in Magento 2


What is social login?

Social Login allows users to connect to any website using various networking platforms such as Facebook, Google, Twitter etc. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.

How does Social Login Works?

The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your Magento website. If they are a new user then they are registered and if they are an existing user they are logged in.

Integration of Twitter Social Login ( Twitter SSO ) For Magento using OAuth 2.0 Protocol.

miniOrange Social Login enables your users to use their Twitter account to login/register to your Magento Website. Give your users a Best choice, without remembering passwords, to login/register on your Magento website. Setup Magento Twitter Plugin by miniOrange in few easy steps and setup Twitter.

Magento Twitter Social Login (Twitter Single Sign-On (SSO)) for Magento can be achieved by using our Magento Social Login plugin. In this guide we will see how to implement Twitter login on your Magento website in the easiest way. Click here to know more about other features we provide in Magento Social Login Plugin.

Pre-requisites : Download And Installation

  • You can download the miniOrange Social Login Free plugin from the Magento Marketplace.
  • Select Your Magento Store version from the Dropdown.
  • Click on Add to cart.
  • Go to the cart and checkout to buy the plugin.
  • Click on Download and save the miniOrange Social Login Plugin zip.
  • Unzip all contents of the zip inside the MiniOrange/OAuth directory.
  • {Root Directory of Magento} app code MiniOrange MagentoSocialLogin

  • Run the following commands on command prompt to enable the plugin
  •       1. php bin/magento setup:di:compile
          2. php bin/magento setup:upgrade

Steps to configure Twitter Social Login into Magento

Step 1. Configure Twitter Social Login In Magento

Follow the steps below to configure Twitter login in Magento

miniorange img Configure Twitter Social Login
  • Go to https://developer.twitter.com/en/apps and sign up/login with your Twitter credentials.
  • Click on Create Project button.
  • Magento Twitter login create new project
  • Enter the Project Name and click on next button.
  • Magento Twitter login enter project name
  • Select the Usecase of your project from the dropdown menu.
  • Project usecase magento 2 social login using twitter
  • Enter your project description.
  • Twitter Magento social login enter project description
  • Now, you will be asked to setup the application. Enter the App name and click next.
  • Twitter Magento 2 social login app name
  • Click on App settings button.
  • login with Twitter into magento 2 app settings
  • Click on Setup button from user authentication settings menu.
  • setup user authentication magento twitter login
  • Enable the checkbox for OAuth 1.0a in users authentication settings. If you want to get the email address as well, then don’t forget to enable the Request email address from users option.
  • login with Twitter into Magento 2 social login with twitter Oauth 1.0a
  • Navigate back to miniOrange social login plugin and copy the provided Redirect URL.
  • magento 2 redirect url twitter social login
  • Paste the redirect URL in the Callback URI / Redirect URL field. Enter the Website URL and click on save button.
  • magento 2 redirect url website URL
  • Now go to Keys and Tokens.
  • magento 2 twitter signin keys and tokens
  • Click on regenerate keys and you will get API keys and API Secret key to enable login with twitter.
  • regenerate api keys and api secret keys for magento 2 twitter social login
  • Copy your API key and Secret and save them in your miniOrange social login plugin (under client id and client secret field respectively) to setup Social Login with Twitter.
  • Twitter Magento social login KeyID and secret twitter login

2. Set credentials in miniOrange Social Login Plugin

  • Go to miniOrange Social Login Plugin → Click on Configure Apps → click on Twitter:
  • Magento Twitter login tab
  • Enable Twitter Social Login for Magento by enabling the toggle button.
  • Magento Twitter login enable toggle button
  • Copy the Client Id and Client Secret form above setup and Paste them into the fields in Twitter Instructions.
  • Magento Twitter social login Client Id & secret
  • Enter the required scope.
  • Scope for Twitter sign in into magento
  • Then click on Save & Test Configuration button.
  • Twitter social login test configuration
  • A notification from the plugin that the test was successful will be shown. That means your Custom app will set properly.
  • Magento sign in test configuration successful
  • Now, Navigate to customer login page. Here you will notice that Twitter Social Login button has been activated. Customers can now login using their Twitter Credentials.
  • Twitter social login button on Magento customer login page

You have successfully configured Twitter Social Login for Magento Website.

Additional Resources


If you are looking for anything which you cannot find, please drop us an email on magentosupport@xecurify.com

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com