MemberPress Social Login With X (formerly Twitter)

Members can log in to your website with their X (formerly Twitter) account credentials. To allow this, you need the MemberPress Social Login add-on and the X (formerly Twitter) App connected to it.

This document will provide step-by-step instructions on how to create the X App and connect it to MemberPress. 

X (formerly Twitter) Application

As mentioned above, you can connect MemberPress to a custom X application. The X App can be created through the X Developer Portal with your X developer account.

Create your X App, and add its credentials to MemberPress Social Logins settings to enable X as a login method.

Create an X App

To create your X App, you can follow these steps:

1. Log in with your X (formerly Twitter) credentials if you are not already logged in.
2. Navigate to X Developer Portal.
3. You will be prompted to create the developer account unless you already have one.
4. Once logged into your X developer account, navigate to the Overview page within Project & Apps.

5. You can use one of your existing projects or create a new one by clicking Add Project.
6. When creating a new project, you’ll need to name the project, select your use case, and add the project description.
7. Further, you will be asked to 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.

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

On the next page, keys and tokens will be automatically generated for the X App. Though this data isn’t required to connect your X App with MemberPress, you should save it for potential future use. 

X App Settings And Credentials

Now that you have created your X App, you need to set it up and generate the app credentials:

1. Navigate to your App Settings page. Under the User authentication settings section, click the Set up button.

2. On the User authentication settings page, apply the following settings:
   1. App permissions: set this option to Read;
   2. Type of App: set this to Web App, Automated App or Bot;
   3. Callback URI / Redirect URL: You need to add the callback / redirect URL for your website. You can create the callback URL by adding the /?memberpress-sl-callback=twitter to the URL of your website (e.g., https://yourdomain.com/?memberpress-sl-callback=twitter). This should be the URL of the website on which you want to enable social login;
   4. Website URL: add the URL of your website (e.g. https://yourdomain.com)

3. Scroll down to the bottom of the page and click the Save button.
4. Your app credentials will be automatically generated on the next page. You’ll need to add these credentials to MemberPress to connect your X App to your website.

5. Save Client ID and Client Secret in the safe place, and click Done.

Note: Remember that you cannot access your app credentials later. If you don’t save your credentials when generated on the User authentication settings page, you’ll need to recreate them.

Connecting the X Application To MemberPress

Before connecting your X App to MemberPress, you need to activate and set up the Social Login add-on on your website.

Once the Social Login add-on is set and your X App created, you’re ready to connect the app with MemberPress:

1. Navigate to Dashboard > MemberPress > Social Login.

2. Click on the X (formerly Twitter) option.
3. Check the Enable the X (formerly Twitter) Provider option, and add the Client ID and Client Secret you previously saved.

4. Click on the Save Settings button to save credentials.
5. Next, you will see a new banner to verify your X credentials. Click on the Verify Settings button. This will take you to the X login page.

6. Log in to your X account (which you used to create the X app).
7. Next, click the Authorize app button on the authorization page.

8. After successful authorization, you will be returned to the provider settings page on your website backend. Now, you should see the banner with the “X (formerly Twitter) API Status: Verified” text.

This means that your X App is properly connected and working.