Introduction
This article will illustrate how to create a custom application for Twitter login.
Steps to create a Twitter private app
Log in to developer.twitter.com using your Twitter login credentials.
If you are creating an app on Twitter for the first time, you have to create a developer account. As displayed in the below image click on the Apply for a developer account to create a developer account.
After clicking on the developer portal button you will be redirected to a screen as displayed in the below image.
After creating an account you can see the steps to complete the registering process as displayed in the below image. Follow all the steps to add the necessary details.
Note: Submit application steps might vary based on the developer account type you're selecting for the app. The account type is either a Team Developer Account or an Individual Developer Account.
Once you finish registering, access the Twitter API, clicking "Submit Application" will trigger an email to verify your account. After email verification, you can proceed to create a Twitter application.
After submitting the app, you will get a page as displayed in the image below. Click on Create an App button to create a new app.
* If you have already a developer account on Twitter follow the Steps from Step 5.
Click on the Create App button, it will redirect to a page as displayed in the below image. Enter the application name and click on the Next button.
After clicking the next button, you'll be redirected to create the Twitter app -step 2, Key and tokens. Copy the API Key and API Secret for further usage and click on the App settings button at the bottom right corner.
Kindly add the necessary details on the Settings page and click on the Save button.
You'll get the callback URL from the Flits Admin >> Settings >> Social Login Settings >> Twitter Settings. Copy that URL and paste it to the Settings of your Twitter Application.
Click Save button to view the screen image attached below. In the App Permissions section click the edit button.
On click of the edit button, you'll get a page as displayed in the below image. Select read and write permissions from the permissions list and click on the Save button.
You can access apps created by you either from the Overview >> Standalone apps sections or by directly clicking on the app name from the navigation bar.
Open the Shopify Admin, from the app section select Flits, and from the dropdown under Flits select Premium tools.
Click Premium tools >> Social login.
Click on the "Activate button" to enable Twitter Login.
In the Twitter section - Check the box Set up the private app and add App ID and App Secret copied from the Keys and tokens>>Consumer API Keys section of your Twitter app and copy the Redirect URL and paste it to the Callback URL section of your Twitter app.
Note: Copy the Redirect URL except the shop name parameter. [https://................/auth/callback]
Click on the Save button to save your changes.
Now you can use your custom Twitter Application Login on your store.
For any help with setting up a private app please contact support@getflits.com.