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. At the time of creating, you’ve to add the name of the project, select your use case, and add the project description.
5. After you are successfully logged in then navigate to the Apps.
6. You can use your existing app or create a new one by clicking Create App.



7. Add the App name and click Next. This will create your X app.



8. After creating the app for new app you will get popup that contains the credential of created app copy the consumer key and Secret key in safe place.



9. Close popup and open the App then click on Settings button on top right side on opened Apps. Set the Callback URI / Redirect URL as specified at the ARMember ⇾ General Settings ⇾ Social Connect page at Twitter configuration section.
10. add Website URL and save the settings.

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"]