Search Results :

×

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

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).

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.

Youtube-color Created with Sketch.

Check out our video, to learn more about how Shopify SSO application works in Shopify.


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

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

  • Click on the Add Identity Provider button to add your IDP.
Shopify Azure B2C SSO - Add Identity Provider

  • Select OpenId Connect 1.0 protocol.
Shopify Azure B2C SSO - Select OAuth 2.0 Protocol

  • Now choose Azure B2C from the list of identity providers (IDPs).
Shopify Azure B2C SSO - Choose Azure B2C as identity provider (IDP)

  • Copy the OAuth Callback URL and keep it handy as it will be used in further steps.
Copy Callback URL from SSO App - Shopify Azure B2C SSO

  • Sign in to the Azure portal.
  • Go to Home and in the Azure services, select Azure B2C.
Shopify Azure B2C SSO - Go to Shopify SSO App

  • 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.
Shopify Azure B2C SSO - Go to Shopify SSO App

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

    • 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.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • 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.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • Copy your Application ID (Client ID) and keep it handy.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • 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.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • 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.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    Step 2.1: Add Users in your B2C application

    • Navigate the home page, go to the Users tab in the left corner.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • Click on Create new user option on the user's page.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • 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.
    Shopify Azure B2C SSO - Go to Shopify SSO App Shopify Azure B2C SSO - Go to Shopify SSO App

    Step 2.2: Endpoints

    • Go to Application Registrations -> Endpoints.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • 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.

    • Navigate back to the miniOrange Single Sign On-SSO application.
    Shopify Azure B2C SSO - Go to Shopify SSO App

    • Click on the Add Identity Provider button to add your IDP.
    Shopify Azure B2C SSO - Add Identity Provider

    • Select OpenId Connect 1.0 protocol.
    Shopify Azure B2C SSO - Select OAuth 2.0 protocol

    • From the list of identity providers (IDPs), select Azure B2C.
    Shopify Azure B2C SSO - Select Azure B2C as an identity provider (IDP)

    • 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
    Shopify Azure B2C SSO - identity provider Configurations

    • Click on Save.

    You have completed Shopify side configuration.

    • 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.
    Test Connection - Shopify Azure B2C SSO

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

    • Click on the Fetch Attributes button to fetch the identity provider attribute.
    Fetch Attributes - Shopify Azure B2C SSO

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

    • 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
    Map Attributes - Shopify Azure B2C SSO

    • Click on Next.
    • 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.
    Make default - Shopify Azure B2C SSO

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

    • Go to your Shopify Store login page.(https://<your-shopify-storedomain>/account/login)
    • Click on the User login icon.
    SSO Login into Store - Shopify miniOrange SSO

    • 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.
    Shopify miniOrange SSO - Something went wrong 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)
    Shopify miniOrange SSO - 6 Digit OTP customer account

    • 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.
    SSO Login into Store - Shopify miniOrange SSO

    • 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.
    Shopify miniOrange SSO - Something went wrong 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.


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

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

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

    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.


    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.

ADFS_sso ×
Hello there!

Need Help? We are right here!

support