How to create a X (Twitter) App for Social Connect

Table of Contents

1 Log in to X Apps
2 Create a Project
3 Create an application
4 Enable OAuth
5 Regenerate the Keys and Tokens
6 Paste the Consumer Key / Secret
7 X Login in Front End

Log in to X Apps

First, you will need to log in to your X Account and then access the X Developer portal.

Create a Project

After you log in to your X account and access X Apps, you will need to click on “Add Project”. This is divided into 4 steps, the first one being:

Step 1: Project name

Step 1 of creating the porject for our X Social Connect

Step 2: Use Case

Step 2 of creating the porject for our X Social Connect

Here, for example, you can choose “Building consumer tools (professional)”.

Step 3: Project Description

Step 3 of creating the porject for our X Social Connect

Step 4: App set up

This setup is essential and will be explained in detail in the next chapter.

Create an application

You can create a new application either by following the project setup steps above or by clicking “Create New App” in your Developer Dashboard. You will need to set the:

Name – Your application name

Then please click the Next button.

Creating the application. Step 1- Application name

After which, on the next step, you can see your Keys and Tokens

Creating the application. Step 2- Keys & Tokens

X will only display these keys once. Be sure to save them now, as you will need them to configure the plugin.

Note: If something goes wrong, you can regenerate a new set of keys later.

Enable OAuth

Next, you will need to enable OAuth. From the App Details page, click on the “Set up” button, under the “User authentication settings” section.

After clicking “Set up”, you will be prompted with the following page:

There are a few settings that are required here:

“Request email from users” – needs to be enabled
Web App, Automated App, or Bot – needs to be selected
Callback URLs – URL that contains the admin-ajax.php in it. Example: https://www.yourdomain.com/wp-admin/admin-ajax.php
Website URL (required) – https://www.yourdomain.com
Add URL to Terms of service (required) – https://www.yourdomain.com
Add URL to the Privacy policy (required) – https://www.yourdomain.com

And the following are optional:

Organization name (optional)
Organization URL (optional)

Regenerate the Keys and Tokens

In case you forgot the initial set of “Keys and Access Tokens”, you can go to your Application Dashboard → Keys and Tokens tab and click on “Regenerate”.

Paste the Consumer Key / Secret

After you copy the Consumer Key (API Key) and Consumer Secret (API Secret), go to your website -> Dashboard → Profile Builder → Social Connect → Enable X Login and paste your Consumer Key (API Key) and Consumer Secret (API Secret). Scroll to the bottom to Save.

X Login in Front End

Social Login with X should be available on WordPress Default and Profile Builder forms.

Profile Builder Pro

Create beautiful front-end registration and profile forms with custom fields. Setup member directories, custom redirects, cutomize user emails & more using the all in one user management plugin.

Get Profile Builder