Enable Twitter Login with ARMember Social Login

With ARMember Social Login Addon, members get a facility to connect Twitter login button directly via Twitter credentials. But firstly, to enable Twitter one click signup, you need to configure the ARMember Social Connect Addon and X (formerly Twitter).

In this document you will be able to set up X through a step-by-step guide on how to create the X App and connect it to ARMember.

Setting up X (formerly Twitter) Application

As mentioned, you can connect ARMember to the X application. Create your X App through the X Developer Portal using your X Developer Account.

Setting Up Your X Application

Let’s set up the custom X Application one-by-one:

1. Log in with your X (formerly Twitter) credentials if you’re not already signed in.
2. Navigate to X Developer Portal
3. If you don’t have a developer account, you’ll be asked to create one during the process.
4. After you are successfully logged in then navigate to the Projects & Apps ⇾ Overview page.
5. You can use your existing projects or create a new one by clicking Add Project.



6. At the time of creating, you’ve to add the name of the project, select your use case, and add the project description.
7. Add the App name and click Next. This will create your X app.



8. Further, create an App for your new project. If you’re adding the App to the existing project, navigate to your App, and click the + Add App button.

X App Settings and User Credentials

Now that your X App is created, the next step is to configure it and generate the necessary credentials:

1. Go to your App Settings page.
2. In the User Authentication section, click the Set-Up button.



3. Edit User authentication settings section, click on Edit, and then at App permissions section. Here, select Read and write and Direct message option and enable Request email from users option. After that, from the same page at Type of App section, enable Web App, Automated App or Bot option.
4. At the App info section, add Callback URI / Redirect URL as specified at the ARMember ⇾ General Settings ⇾ Social Connect page at Twitter configuration section.
5. Scroll down to the bottom of the page and click the Save button.



6. Your app credentials will be automatically created on the following page. You will need to add these credentials to ARMember.



7. Save Client ID and Client Secret in the safe place, and click Done.
8. You can also get the credentials from Dashboad ⇾ Projects & App ⇾ Overview ⇾ App Settings ⇾ Keys & Tokens.

Connecting the X (formerly Twitter) Application at ARMember

1. Navigate to the ARMember ⇾ Addons page.
2. Here activate the addon Social Connect.



3. Move further to the Social Connect Tab, it will be displayed at ARMember ⇾ General Settings ⇾ Social Connect.

4. Here locate the Twitter section and add the credentials which you have obtained from above.



5. Click Save button once you have added the credentials at the Social Connect page.

To add Login with Twitter button at Forms and Pages:

• Edit your login form set.
• You will find a section Social Connect Options in right panel under Basic Options.

  

• From here, you need to Enable Social Login switch to add social connect button with Login Form.
• You will see a Button Skin option in the above image. Click there to add more social connect buttons eventually.
• You will also be able to upload your custom image for displaying Login with Twitter.
• Save Form

However if you are willing to set the Login with Twitter button to display on any page then you can add the shortcode provided below.

[arm_social_login network="twitter"]