Connect your app to WordPress

To configure WordPress OAuth2 connections, you will need to register Auth0 with the WordPress Developer Portal.

1. Log In to the Developer Portal

Go to the WordPress Developer Portal, and log in with your WordPress credentials. Select My Apps from the top menu.

2. Provide Your Auth0 Client Information.

If you have not already registered your application with Wordpress, click Create New Application:

Complete all the fields on the Create an Application screen.

Name- the name of your application;

Description- The description of your application;

Website URL- The URL to an informational home page about your application;

Redirect URL- Enter https://YOUR_AUTH0_DOMAIN/login/callback in this field;

Javascript Origins- (Optional) Whitelist URLs to prevent unauthenticated GET requests;

Verification Question- to confirm you are an actual user performing the request;

Type- select Web as the client type;

After completing the fields, click on the Create button.

Then (or if you have previously registered your application) you will see your application listed on your dashboard landing page.

3. Get Your Client ID and Client Secret

On the My Applications dashboard page, click Manage Application. Under the OAuth Information you will see your Client ID and Client Secret.

In a seperate tab or window, go to the Connections > Social section of the Auth0 dashboard.

Click on the box with the WordPress logo.

This will bring up the WordPress connection settings. Copy the Client ID and Client Secret from your WordPress application.

Configure settings

Click SAVE. Then click the Clients tab and select the applications you wish to enable this connection.

Enable clients

Click SAVE when finished.

4. Test the Connection

In the Connections > Social section of the Auth0 dashboard a TRY icon will now be displayed next to the WordPress logo:

Click Try

Click TRY.

The WordPress access page will appear.

Connect Your Site

Click Approve and if configured correctly, you will see the It works!!! page:

Next Steps

Now that you have a working connection, the next step is to configure your application to use it. You can follow our step-by-step quickstarts or use directly our libraries and API.

Was this article helpful?