Skip to content
Logo
  • Support
  • My account
  • My cart
  • Magento 2 Extensions
  • Magento 1 Extensions
  • Magento Services
  • Packages
  • Special Offers
  • Blog
  • Contact Us

Home Magento 2 Extensions Magento 2 Social Login Pro Documentation Integrations Twitter Login Configuration

    • Installation
    • Updating
    • Configuration
      • Facebook Login Magento Configuration
      • Twitter Login Magento Configuration
      • Google Login Magento Configuration
      • Google One Tap Sign In Magento Configuration
      • LinkedIn Login Magento Configuration
      • Yahoo! Login Magento Configuration
      • Live, Hotmail, MSN Login Magento Configuration
      • Amazon Login Magento Configuration
      • Aol Login Magento Configuration
      • GitHub Login Magento Configuration
      • Instagram Login Magento Configuration
      • Foursquare Login Magento Configuration
      • Dropbox Login Magento Configuration
      • Disqus Login Magento Configuration
      • Livejournal Login Magento Configuration
      • Tumblr Login Magento Configuration
      • Flickr Login Magento Configuration
      • WordPress Login Magento Configuration
      • Vkontakte Login Magento Configuration
      • Odnoklassniki Login Magento Configuration
      • Mail.ru Login Magento Configuration
      • Yandex Login Magento Configuration
      • PayPal Login Magento Configuration
      • Salesforce Login Magento Configuration
      • Evernote Login Magento Configuration
      • Stackoverflow Login Magento Configuration
      • Mixi Login Magento Configuration
      • QQ Login Magento Configuration
      • Sina Weibo Magento Configuration
      • Kaixin001 Login Magento Configuration
      • Renren Login Magento Configuration
      • Alipay Login Magento Configuration
      • WeChat Login Magento Configuration
      • Mydigipass Login Magento Configuration
      • SoundCloud Login Magento Configuration
      • Verisign Login Magento Configuration
      • XING Login Magento Configuration
      • PersonaBrowserID Login Magento Configuration
      • Bitbucket Login Magento Configuration
      • Skyrock Login Magento Configuration
      • Bitly Login Magento Configuration
      • Box.com Login Magento Configuration
      • Vimeo Login Magento Configuration
      • Reddit Login Magento Configuration
      • Upwork Login Magento Configuration
      • TeamViewer Login Magento Configuration
      • Etsy Login Magento Configuration
      • Imgur Login Magento Configuration
      • Intuit Login Magento Configuration
      • MailChimp Login Magento Configuration
      • Dribbble Login Magento Configuration
      • Goodreads Login Magento Configuration
      • Last.fm Login Magento Configuration
      • Naver Login Magento Configuration
      • Line Login Magento Configuration
      • Apple Login Magento Configuration
      • Steam Login Magento Configuration
      Integrations
    • Developer Guide & API Reference
    • Translation
    • Uninstalling
    Magento 2 Social Login Pro - Documentation

How to Add Magento Twitter Login to Your Website

Google

Twitter (twitter.com)

Description: Twitter is a free social networking microblogging service that allows registered members to broadcast short posts called tweets. Twitter members can broadcast tweets and follow other users’ tweets by using multiple platforms and devices.
Protocol OAuth 1
Returned Data email, userId, name, photo
Requires SSL? No

How to Set Up Twitter API for Magento

In this article, you will learn how to find your Twitter API keys and integrate Twitter Login into Magento Social Login Pro extension and Magento Twitter & Facebook Login extension. Please follow the step-by-step instructions below.

Important Information:

Before you proceed with creating a Twitter Application – first make sure you’ve added your mobile phone number to your Twitter profile. Please read this article for more information.

Step 1. Applying For a Twitter Developer Account

If you created apps earlier, you may continue managing them on a developer platform. However, in order to create a new app, you need to apply for a new Twitter developer account. If you have applied earlier, please move to step 2. Otherwise, please follow the steps below to do it correctly.

Step-by-step guide:

  1. Sign in to your Twitter account and go to developer.twitter.com. This is a new Developer Platform where you can create and manage all your applications. Please click Apply to access the developer platform. Please note: if you see the Developer Platform instead of the Apply button, it means that you have already applied for access to it and should skip to step 2 of this tutorial.
  2. Click Apply for a developer account to proceed.
Applying for Twitter Developer account

Step-by-step guide:

  1. Once the Developer Portal opens, specify how you intend to use the developer platform. Please select Professional.
  2. Next, choose Build customizes solutions in-house.
  3. Click Get started.
Setting up Twitter Developer account application

Basic Info

Now you are to set up your developer account in 5 steps to complete the application form to access the Twitter developer platform. Please follow the steps below and provide the required information correctly.

Step-by-step guide:

  1. The provided username and email address will be associated with your developer account. If you want to change them, click Switch @username and Change email address.
  2. Create the name for your developer account.
  3. Select the country of residence.
  4. Specify your current coding skill level: No experience, Some experience, or Highly experienced.
  5. Click Next to proceed.
Setting up Twitter Developer account application - Basic info step

Team profile

Step-by-step guide:

  1. Please enter the name of your company.
  2. Next, specify the username of your company’s Twitter profile.
  3. Select your company’s country of operation.
Setting up Twitter Developer account application - Team profile step

Step-by-step guide:

  1. Choose the category to which your company belongs.
  2. Specify the industry(s) your company serves.
  3. Set this option to Yes if your company has or will have customers.
  4. If the previous option is set to Yes, you should provide the country(s) where your customers are located.
  5. Click Next to proceed to the next step.
Setting up Twitter Developer account application - Team profile step

Intended use

Step-by-step guide:

  1. Please provide a comprehensive description of how you intend to use the Twitter API or Twitter Data. Make sure to specify all the details for the review to be approved successfully.
  2. Click Next to move to the next step.
Setting up Twitter Developer account application - Intended use step

Review

Step-by-step guide:

  1. Please scroll down and check all the information you have provided.
  2. Click Next.
Setting up Twitter Developer account application - Review step

Terms

Step-by-step guide:

  1. Please read and agree to the Developer agreement & policy.
  2. Click Submit application.
Setting up Twitter Developer account application - Terms step

Email verification and Account approval

You will see the message informing you that your application has been submitted successfully.

Setting up Twitter Developer account application - Email Verification screen

Step-by-step guide:

  1. At this point, you should go and check your email for a new message with Verify your Twitter Developer Account subject.
  2. Click Confirm your email in order to verify your email address and submit your account approval request.
Setting up Twitter Developer account application - verifying an email

After a while, your application will be approved, and you will receive the following email:

Setting up Twitter Developer account application - successful verification email

Step 2. Creating Twitter Application

Please follow the guide below to create your Twitter API application necessary to integrate Twiller Login into your website.

Step-by-step guide:

  1. Go to the developer.twitter.com/en/portal/projects-and-apps. This is the Developer Portal, where you can create and manage your projects and applications.
  2. Click Create App.
Creataing Twitter application in Developer Portal - step 1

Step-by-step guide:

  1. Create the name for your application.
  2. Click Next.
Creataing Twitter application in Developer Portal - step 2

Step-by-step guide:

  1. “API Key“: here is your API Key. Please copy it to paste it later in the Magento admin panel.
  2. “API Key Secret“: here is your API Key Secret. Please copy it to paste it later in the Magento admin panel.
  3. Click App settings to set up your application.

Please note that these Keys are displayed only once, so make sure to save them. Otherwise, you will need to regenerate your keys.

Getting Twitter API Keys

Step-by-step guide:

  1. Click Edit to go change the authentication settings for your application.
Configuring Twitter application

Step-by-step guide:

  1. Switch the toggle to enable a 3-legged OAuth. This setting is required to enable the Sign in with Twitter feature.
  2. Next, switch the toggle to request email address from users.
  3. Please provide the Callback URL, which you can find in your Magento admin panel. In the main Magento menu, go to Plumrocket -> Social Login Pro -> Configuration -> Twitter -> Callback URL.
Configuring Twitter application - Authentication settings 1

Step-by-step guide:

  1. “Organization URL“: please provide the URL of your website.
  2. “Terms of service“: please provide the URL of your website’s Terms of Service page.
  3. “Privacy Policy“: please provide the URL of your website’s Privacy Policy page.
  4. “Privacy Policy“: please provide the URL of your website’s Privacy Policy page.
  5. Click Save to apply your authentication settings.
Configuring Twitter application - Authentication settings 2

The Twitter app, along with the API keys, has now been created and configured successfully.

Twitter Integration in Magento 2 Social Login Pro Extension

At this point, you should paste the created API keys into your Magento 2 Social Login Pro Extension configuration. In the main Magento menu, go to Plumrocket -> Social Login Pro -> Configuration -> Twitter.

Step-by-step guide:

  1. “Consumer Key (API Key)“: paste the API Key into this field.
  2. “Consumer Secret (API Secret)“: paste the API Key Secret into this field.
  3. Press Save Config to save your settings.
Integrating Twitter Login into Magento 2 Social Login Pro extension

Twitter Integration in Magento Social Login Pro Extension

In order to integrate Twitter Login into Magento Social Login Pro Extension, go to System -> Configuration -> Plumrocket Inc -> Social Login Pro -> Twitter in your main Magento menu. Then, follow the steps below:

Step-by-step guide:

  1. “Consumer Key (API Key)“: paste the API Key into this field.
  2. “Consumer Secret (API Secret)“: paste the API Key Secret into this field.
  3. Press Save Config to save your settings.
Integrating Twitter Login into Magento Social Login Pro extension

Configuration of the Twitter Magento social login application is now completed.

Was this article helpful?
02/28/202011/18/2021
Search
Search
Generic selectors
Exact matches only
Search in title
Search in content
Contents
Company
  • Home
  • About Plumrocket Inc.
  • Programs & Promotions
  • Careers
  • Contact Us
Legal
  • Terms of Service
  • Privacy Policy
  • Refund Policy
  • Cookie Policy
  • Privacy Center
Resources
  • Blog
  • FAQ
  • Documentation
  • Tutorials
Partners
  • Partner Program
  • Affiliate Program
  • Official Partners
Plumrocket Inc. © 2008 - 2022
Follow Us:
  • Facebook
  • Twitter
  • LinkedIn
  • YouTube