How to Set Up Invision Community SSO Using Shopify as the Identity Provider

Configure Invision Community SSO with Shopify by using your Shopify store as the identity provider (IdP). The MO: SSO login to LMS, CRM, CMS app connects your Shopify store with Invision Community through OAuth 2.0, allowing community members to sign in to the forum using their Shopify credentials. This guide explains how to configure the SSO integration between Shopify and Invision Community. Once configured, members can authenticate through Shopify when accessing your community.

Install Application

Pricing

Pre-requisites: App Installation

To configure Invision Community SSO with Shopify, install the MO: SSO login to LMS, CRM, CMS app in your Shopify store.

Log in to your Shopify Admin.
Go to Apps → Shopify App Store.
Search for MO: SSO login to LMS, CRM, CMS.
Click Install to add the app to your store.
Open the app from Apps to begin configuring Invision Community SSO with Shopify.

How to Set Up Invision Community SSO With Shopify

Step 1: Configure Invision Community as Service Provider (SP) in Shopify

Go to your Shopify store, click on Apps tab and select SSO login to LMS, CRM, CMS application.

Invision Community SSO using Shopify as an Identity Provider (IdP) - shopify apps section

From the left navigation bar select Apps and click on Add Application button.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Click on Add Application

Go to the OAuth/OIDC tab and select the IdP name as an OpenID Connect from the list.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Select OpenID Connect

Fill in the below mentioned fields by referring to the table below:

Invision Community SSO using Shopify as an Identity Provider (IdP) - Enter SP Metadata

Client Name	Choose an appropriate name
Redirect URI/ OAuth Callback URI	You will get this from Step 2.
Description	Add appropriate description
Group Name	DEFAULT
Policy Name	Invision Community
Login Method	Password

After saving the application, click on Select and then Edit option of the application you just configured.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Enter Shopify as IdP Metadata

Here, you will get the Client ID and Client Secret.
Keep these values handy as you will require them later while configuring Shopify as an identity provider.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Client ID & Secret

In the below image, you will find all the required endpoints such as Authorization, Token and Userinfo.

Invision Community SSO using Shopify as an Identity Provider (IdP) - OAuth Endpoints

You have completed the Shopify side configurations.

Step 2: Configure Shopify as Identity Provider (IdP) in Invision Community

Log in to your Invision Community account and navigate to the AdminCP dashboard.
Under Settings, click on Login & Registration in the left pane.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Click on Login & Registration

Select handler as Other OAuth 2.0 and click on Continue.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Select handler as Other OAuth 2.0

Under the Basic Settings section, enter an appropriate method name.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Enter method name

Take note of the Redirect URL under the Application Settings highlighted in the image below.
Fill in the below fields by referring to the values in the table below:

Invision Community SSO using Shopify as an Identity Provider (IdP) - Invision Community Redirect URI

Client Identifier	Choose an appropriate name
Client Secret	You will get this from Step 1.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Invision Community SSO Scopes

Scopes to request	email, user, openid, profile
Authorization Endpoint	You will get this from Step 1.

Fill in the Token Endpoint, Userinfo Endpoint, and User ID parameter.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Invision Community Token, Userinfo, User ID Parameter

Token Endpoint	You will get this from Step 1.
Userinfo Endpoint	You will get this from Step 1.
User ID Parameter	email

Enter an appropriate login button text.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Invision Community Login Button Configuration

You have successfully completed the Invision Community side configurations.

Step 3: Testing Single Sign-On (SSO) for your Invision Community Application

Go to your Invision Community application and click on the Login via SSO button.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Shopify Store as IdP SSO

You will be redirected to the login page of your Shopify store.
Enter your Shopify Store login credentials and click on the Sign in button.

Invision Community SSO using Shopify as an Identity Provider (IdP) - Login using Shopify as IdP

You will be successfully logged in to your Invision Community application.

Hence, you have successfully configured Single Sign-On (SSO) for your Invision Community application using Shopify store as an Identity Provider.

Frequently Asked Questions

What happens to members who already have a forum account?

Existing members can continue using their Invision Community accounts according to your community's login configuration. To enable Shopify SSO for these members, verify that the email address returned by Shopify matches the appropriate forum account and test the login flow with existing accounts before deployment.

Can I turn off the standard forum login so members only use Shopify?

Invision Community supports disabling the standard login handler when an alternative login method is configured. You can review these settings if you want members to authenticate through Shopify instead of using the forum's standard login form. Before disabling standard login, test Shopify SSO and confirm that administrators retain a reliable way to access the AdminCP.

Where do I add Shopify login in Invision Community?

Configure Shopify as an external login provider from the Invision Community AdminCP. Navigate to Settings → Login & Registration, create a new login method, and select Other OAuth 2.0. Enter the OAuth configuration details obtained from the MO: SSO login to LMS, CRM, CMS app to establish the connection between Shopify and Invision Community.

Can I change the text and look of the Shopify login button?

Yes. Invision Community provides appearance settings for custom OAuth login methods. Depending on the available settings in your installation, you can customize elements such as the login button text, color, and logo. Use these settings to make the Shopify login option consistent with your community's login page and branding.

Thank you for your response. We will get back to you soon.

Something went wrong. Please submit your query again

Contents