Jump to content

Wordpress

Introduction

You can link Invision Community with a Wordpress site to allow users to sign into one community using their credentials from another.

First you need to decide which direction the login should happen:

  • Allow users to log into your Invision Community with their account on a Wordpress site (Wordpress as the Server).
  • Allow users to log into your Wordpress site with their account on an Invision Community (Invision Community as the Server).

Only follow the instructions below for which direction you want.

SSL is required on both Invision and word press.

 

Option A: Wordpress as the Server

1. Setup the Wordpress Plugin

First you will need to install the OAuth Server plugin for Wordpress to enable OAuth functionality on your Wordpress site. To do this, from your Wordpress Dashboard, go to Plugins > Add New, search for OAuth server.

Find the miniOrange OAuth 2.0 Server/Provider by miniOrange (there are several plugins with similar names available) and click Install, and once it has installed, click Activate.

Wordpress Plugin.png

Installing Wordpress Plugin

After it has installed, go to the new miniOrange OAuth Server section and follow the instructions to complete the registration process.

2. Create the Client

On your community, go to AdminCP -> System -> Login & Registration, click Create New to setup a new login method and choose Wordpress.

Meanwhile, from your Wordpress Dashboard, go to miniOrange OAuth Server -> Add Client. Enter a name (such as the name of your community) and for the Authorized Redirect URI field enter the value shown in your AdminCP, which will be your community's URL ending with "/oauth/callback/" on the end.

You should now see a screen with a Client ID and Client Secret.

Wordpress Client Details.png

Wordpress Client Details

3: Set up Invision Community

Back in your AdminCP, fill in the form, using the Client ID and Client Secret that you just obtained. You will also need to configure the text, color and logo to use for the button that users will click on to log in.

Wordpress Form.png

Enterring details in Invision Community

You should now be able to log into Invision Community through Wordpress!

 

Option B: Invision Community as the Server

1. Configure Invision Community

On your Invision Community, go to AdminCP -> System -> REST & OAuth and click Create New and fill out the form selecting Wordpress for Client Type. You will then see a screen with details you will need to enter into Wordpress.

Wordpress Client Detail.png

Client Details for Wordpress

2. Configure Wordpress

Initial Setup

First, from your Wordpress Dashboard, go to Settings > Permalinks. You must have the Post name option selected. If you haven't, change this and save the form.

Installing the Plugin

Next you will need to install the oAuth Login plugin for Wordpress to enable OAuth functionality on your Wordpress site. To do this, from your Wordpress Dashboard, go to Plugins > Add New, search for OAuth login.

Find the OAuth Single Sign On - SSO (OAuth client) by miniOrange (there are several plugins with similar names available) and click Install, and once it has installed, click Activate.

Wordpress Client Plugin.png

Installing Wordpress Plugin

After it has installed, go to the new miniOrange OAuth section and follow the instructions to complete the registration process.

Creating the Client

You can now enter the client details in Wordpress. Enter all of the details exactly as they are shown in your Invision Community AdminCP.

Please note: we have noticed that if you choose the "Invision Community" option, some versions of the plugin pre-enter the value for Get User Info Endpoint as https://<your-domain>/oauth/core/me but the correct value is either https://<your-domain/api/core/me or https://<your-domain/api/index.php?/core/me - make sure you enter the correct value shown in your AdminCP.

Configuring Wordpress.png

Enterring details in Wordpress

You then need to add the sign in button in your desired location. For details on how to do this, go to the Sign In Settings tab for information. You can also configure how the button appears under the Customizations tab.

Once this is done, you will see the sign in button on your Wordpress site.

Wordpress Complete.png

Sign In Button on an Example Wordpress Site


  Report Guide


×
×
  • Create New...