OAuth Single Sign-On (SSO) For Shopify Using Azure B2C as an Identity Provider

Overview

miniOrange Single Sign-On (SSO) login for Shopify [OAuth] can be achieved by using our Single Sign On - SSO Login application using Azure B2C credentials. Our application is compatible with all the SAML / OAuth / OpenID compliant Identity Providers. This solution ensures that you are ready to roll out secure access to your Shopify store using Azure B2C within minutes. Here we will go through a step-by-step guide to configure OAuth Single Sign-On (SSO) login between Shopify store and Azure B2C by considering Azure B2C as Identity Provider (IDP) and Shopify as Service Provider (SP).

Download Application Pricing Plans

Pre-requisite: Shopify Single Sign-On - SSO Application

To configure SSO into Shopify with Azure B2C (OAuth) as an identity provider (IDP), you will need to install the miniOrange Shopify Single Sign On - SSO Login application on your store.

Configuration Steps

Setup guide for Configuring Azure B2C as an identity provider (OAuth) for SSO into Shopify

Step 1: Get the Callback URL from the Shopify SSO App

• Go to your Shopify store and navigate to the App section and click on Single Sign On - SSO login application.

• Click on the Add Identity Provider button to add your IDP.

• Select OpenId Connect 1.0 protocol.

• Now choose Azure B2C from the list of identity providers (IDPs).

• Copy the OAuth Callback URL and keep it handy as it will be used in further steps.

Step 2: Configuring Shopify as a Service Provider (SP) in Azure B2C

• Sign in to the Azure portal.
• Go to Home and in the Azure services, select Azure B2C.

• Please make sure you are in the Azure AD B2C directory with an active subscription and if not, you can switch to the correct directory.

• Now, click on App Registrations and then click on the New Registration option to create a new Azure B2C application.



• Configure the following options to create a new application.
• Enter a name for your application under the Name text field.
• In supported account types, select 3rd option ‘Accounts in any organizational directory (Any Microsoft Entra ID tenant - Multitenant) and personal Microsoft accounts (e.g. Skype, Xbox)’.
• Paste the Callback URL from Step 1 in the Redirect URI section and select the platform as Web. Click on the Register button to create your application.



• After successful application creation, you will be redirected to the newly created application’s overview page. If not, you can go to the app registrations and search the name of your application and you will find your application in the list.



• Copy your Application ID (Client ID) and keep it handy.



• Click on Certificates and Secrets and then click on New client secret to generate a client secret. Enter a description and click on the Add button.



• Copy the secret value from the certificates & secrets page and store it as a Client secret in your Shopify Single Sign-On (SSO) Login application.




Step 2.1: Add Users in your B2C application

• Navigate the home page, go to the Users tab in the left corner.



• Click on Create new user option on the user's page.



• Select Email as the Sign-in method and provide the email address. Provide appropriate Display name and set your Password. Click on Review + create and then click on Create to save the user details to perform test configuration.




Step 2.2: Endpoints

• Go to Application Registrations -> Endpoints.



• In token and authorization endpoints URl, replace <policy-name> with your configured policy name.

You have configured Azure AD B2C as an OpenID Provider for achieving user authentication with Azure AD B2C Single Sign-On (SSO) login into your Shopify Store.

Step 3: Configure Azure B2C as Identity Provider (IDP) in Shopify

• Navigate back to the miniOrange Single Sign On-SSO application.



• Click on the Add Identity Provider button to add your IDP.



• Select OpenId Connect 1.0 protocol.



• From the list of identity providers (IDPs), select Azure B2C.



• Now, fill in the required details like Client ID, Client Secret, Endpoints, and Scope.
• Please refer to the below table for configuring the values.

IDP Display Name	Choose the appropriate Name
Authorize Endpoint	From Step 2.4
Token Endpoint	From Step 2.4
Client ID	From Step 2
Client secret	From Step 2
Scope	openid




• Click on Save.

You have completed Shopify side configuration.

Step 4: Test Connections

• After saving the identity provider (IDP) configuration, you will be redirected to the Test Connection step.
  Please perform Test Connection before mapping or fetching attributes, test connection ensures that your identity provider configuration is correct.
• Click on the Test Connection button.



• On entering valid Azure B2C credentials you will see a pop-up window which is shown in the below screen.



• Click on the Fetch Attributes button to fetch the identity provider attribute.




Step 5: Attribute Mapping

• Click on the + Attribute Mapping button to map attributes between Shopify and Azure B2C.



• Map the attributes by referring to the table below:

Attribute Name in Shopify	Choose the attribute from the list of predefined attributes
Attribute Type	IDP Attribute
Attribute Value	Select the attribute value you have fetched from your IDP




• Click on Next.

Step 6: Enable SSO Configurations

Select Shopify Store Type:

Non-Plus Store

Plus Store

SSO Configuration in Non-Plus Shopify Stores

Choose the type of customer account you have enabled on your Shopify Store:

Customer Accounts

Legacy Customer Accounts

• Navigato to the Advanced Settings section and then go to Customer Account. Enable the Customer Account SSO option as shown in the below image and then click on the clicking here link to enable the extension.





• Enable the Customer Account extension and click on Save.







Note: In case of Shopify Non Plus Store (legacy customer account) no additional configurations is required. Follow the steps provided below to complete the SSO setup between Azure B2C and Shopify.

SSO Configuration in Plus Shopify Stores

Choose the type of customer account you have enabled on your Shopify Store:

Customer Accounts

Legacy Customer Accounts

• Navigato to the Advanced Settings section and then go to Customer Account. Enable the Customer Account SSO option as shown in the below image and then click on the clicking here link to enable the extension.





• Enable the Customer Account extension and click on Save.





• Go back to the SSO application, and navigate to Connect Store tab. Copy the Client ID, Client Secret, Post-Logout redirect URL and Discovery Endpoint URL and keep them handy.





• Click on the Customer accounts link as shown in the below image.





• Select the Customer accounts option recommended by Shopify & look for the Identity Provider option, if not present please reach out to Shopify support.





• If the Identity Provider is present, click on Manage.





• Click on Connect to Provider button.





• Add the Identity Provider name and fill in the details such as Discovery endpoint URL, Client ID, Client secret, Additional Scopes, Post-logout redirect URI parameter that you copied from above step. Click on Save.







• Once the Identity Provider has been added, do the Test Connection.





• After verifying the flow make the identity provider (IDP) as Active.





• Now, click on the Setup Guide button and follow the steps mentioned to get multipass token.





• Enable the Multipass Token option and paste the value copied from above in the below field.





• Click on Save.
• Navigate to the application home page. Go to More actions against the identity provider (IDP) you have configured and click on the Make Default button to make the IDP default.




Step 7: Testing SSO

Please select your store type to test Single Sign-On (SSO) for your Shopify store:

• Plus Stores
• Non-Plus Stores
• Go to your Shopify Store login page.(https://<your-shopify-storedomain>/account/login)
• Click on the User login icon.



• If you encounter an "invalid or missing reCAPTCHA token" error, accompanied by a "Something went wrong" message, refer to this FAQ to resolve the error.



• Else, you’ll be redirected to the login page of the identity provider (IDP) you configured in the previous step. Log in with your IDP account credentials.
• Next, enter the six-digit OTP that will be sent to your registered email address. (This is a one-time process)



• You’ll be successfully logged in to your Shopify store.
• Go to your Shopify Store login page.(https://<your-shopify-storedomain>/account/login)
• Click on the login button you customized earlier.



• If you encounter an "invalid or missing reCAPTCHA token" error, accompanied by a "Something went wrong" message, refer to this FAQ to resolve the error.



• Else, you'll be redirected to the identity provider (IDP) login page. Now log in with your existing account credentials.
• You’ll be successfully logged in to your Shopify store.

Hence you have successfully configured Shopify Single Sign-On (SSO) using Azure B2C as an identity provider (IDP) and Shopify as a service provider (SP). using miniOrange Single Sign-On (SSO) login application. This solution ensures that you are ready to roll out secure access to your Shopify store using Azure B2C login credentials within minutes.

FAQs

More FAQs ➔



I have followed the steps to set IDP but where can I check SSO?

Follow the steps outlined here to configure SSO in Shopify with your preferred IDP.

I installed the Shopify SSO application. I clicked on the “SETUP IDP” option but nothing opened up.

Redirection to any other site might be blocked in the browser. Please follow the steps given here to resolve the issue.

After performing SSO, I want my customers to redirect to the collections or discount offer page.

Follow the steps outlined here to redirect your customer to collections/cart or any other page.

How do I enable the SSO application’s auto redirect to the IDP feature on my Shopify store?

You must upgrade to the SSO application’s Enterprise plan to enable the Auto-Redirect to the IDP feature. Follow the steps outlined here to enable this feature.

Additional Resources



• Shopify Security Solutions
• Shopify Single Sign-On (SSO)
• Shopify Content restriction
• Shopify Subscription

Get in Touch

Please reach out to us at shopifysupport@xecurify.com, and our team will assist you with setting up the Shopify SSO application. Our team will help you to select the best suitable solution/plan as per your requirement.