How to Set Up WSO2 (SAML) SSO in Shopify using WSO2 as an Identity Provider?

miniOrange allows WSO2 to act as an IDP (Identity Provider), which allows users to Single Sign-On (SSO) into Shopify using WSO2 Credentials. Our application is compatible with all the SAML / OAuth-compliant Identity Providers. We will go through a step-by-step guide to configure Single Sign-On (SSO) into Shopify using WSO2 as IdP (Identity Provider) and Shopify store as SP (Service Provider).

Install Application Pricing Plans

Pre-requisites: App Installation

• Log in to your Shopify Admin.
• Go to Apps → Shopify App Store
• Search for miniOrange Single Sign-On – SSO
• Click Install to add the app to your store
• Open the app from Apps to start WSO2 (SAML) SSO in Shopify configuration

Step by Step guide for Configuring WSO2 as IDP for SSO into Shopify

Step 1: Configure Shopify as SP in WSO2

• Let's first register in WSO2 Identity Server (IS).
• Download and start WSO2 using wso2server.bat run command.
• Enter Username and Password as admin. Click on Sign in.

• From the Left Navigation Menu Click on ADD under Service Provider Tab.

• Add Service Provider name according to your preference and add description if necessary.
• Click on Register.

• Under Claims configuration select https://wso2.org/claims/emailaddress from Subject Claim URI dropdown.
• Add following URIs in Service Provider Claim Dialect: https://wso2.org/oidc/claim & https://wso2.org/claims.

• Click on Inbound Authentication Configuration.
• Select SAML2 Web SSO Configuration from the dropdown. Click on Configure.

• Navigate to the miniOrange Single Sign On-SSO application and click on Add identity Provider button.

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

• Select SAML protocol.

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

• Click on the Get metadata button, as shown on the screen below, to get the service provider metadata.

• For SP-Initiated SSO, note down the required details to configure SSO in WSO2.

• Enter Application Callback URL, Audience, Recipient and other settings using SP entity ID and ACS URL copied from the Shopify WSO2 SSO application.
• Enter the values in manual configuration as shown in below screen.

• Uncheck the Enable Response Signing, Enable Signature Validation in Authentication Requests and Logout Requests and Enable Single Logout.
• Click on Register at the very bottom of the page.

• On successful registration, you can see the below screen.

• Now go in list in Service Provider tab. Click on Edit against your configure app.
• Click on Edit SAML2 Web SSO Configuration.

• Click on Download IDP Metadata option at the bottom the page. You will need this metadata in Step 2.

• To add users in WSO2 : Click on ADD under Users and Roles in the Left Navigation Menu. Then Click on Add New User.

• Enter Username and Password. Click on finish.

• Hence the user is successfully added in WSO2.

You have successfully completed WSO2 side configuration.

Step 2: Configure WSO2 as IDP in Shopify

• Navigate back to the miniOrange Single Sign On-SSO application and click on the Add Identity Provider button.

• Select SAML protocol.

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

• Enter the identity provider (IDP) display name.
• Click on the Import IDP Metadata button.

• Select the upload method as Metadata Link. Paste the copied XML file link from Step 1, or simply paste the metadata by selecting upload method as Metadata Text, click on Import.

• Click on Save.

Step 3: Test Connections

• After saving the 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 IDP configuration is correct.
• Click on the Test Connection button.

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

• Click on the Fetch Attributes button to fetch the IDP attribute.

Step 4: Attribute Mapping

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

• Map the attributes by referring to the table below:

• Click on Save.

Step 5: Enable & Test SSO Configurations

Select Shopify Store Type:

• Non-Plus Store
• Plus Store

SSO Configuration in Non-Plus Shopify Stores

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

• Customer Accounts
• Legacy Customer Accounts

Note: If you’re using a password-protected store or working on a Shopify development store, click here to set up the storefront digest cookie so SSO can work on your store.

• Go to the application dashboard, enable the customer accounts extension as shown in the below image.

• Enable the New Customer Accounts extension and click on Save.

• Navigate to the application home page and enable the IDP Login toggle option against the IDP you have configured.

Allow Only SSO Users to Complete Checkout - Restrict Others

This feature allows only users who log in via Single Sign-On (SSO) to complete the checkout process. Other users will be blocked from proceeding with checkout.

• Navigate to Settings.



• Open the Checkout section.



• Scroll downwards, in the checkout rules section, click on Add rule.



• Click on SSO Checkout Validation.



• Deselect the "Allow all customers to complete checkout" option, and click on Save.



• Now, you can Turn on the checkout rule.



• If you attempt to checkout without performing SSO, an error will appear as shown below.

Testing Single Sign-On (SSO) for your Shopify store

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

• 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 the application dashboard, you will see a warning box to add the login button extension on the Account page, click on the login widget extension link as shown in the below image to enable it.

• Navigate to the application home page and enable the IDP Login toggle option against the IDP you have configured.

• If you want to configure SSO into Shopify using multiple IDPs, then select your IDP from the list provided here, and setup SSO using that IDP.
• Enable the IDP login toggle option for enabling SSO into Shopify using multiple IDPs.

Testing Single Sign-On (SSO) for your Shopify store

• Go to your Shopify Store login page.(https://<your-shopify-storedomain>/account/login)
• Click on the login button you customized earlier.

• You'll be redirected to the identity provider (IDP) login page. Now log in with your existing account credentials.

• After login, 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.

SSO Configuration in Plus Shopify Stores

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

• Customer Accounts
• Legacy Customer Accounts

• Navigate back to the SSO application, and click on the Connect Store tab.
• Copy the Discovery Endpoint URL Client ID, Client Secret, Additional Scopes and Post-Logout Redirect URI Parameter and keep them handy.

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

• Select the Customer Accounts option as recommended by Shopify. Next, look for the Authentication option and click on Manage.
• If you do not find the option, please reach out to shopifysupport@xecurify.com for assistance.

• Click on the Manage Providers button.

• Click on Connect to Provider button.

• Add the Identity Provider name and from the Provider dropdown, select Custom or other.

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

• Navigate to the application home page and enable the IDP Login toggle option against the IDP you have configured.

Testing Single Sign-On (SSO) for your Shopify store

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

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

• You’ll be successfully logged in to your Shopify store.

Provide Login Using Username & Password

If you want to provide login using username & password along with your login with IDP option for your B2B store, then click here

Provide Login Using Email OTP

If you want to provide login using Email OTP along with your login with IDP option for your B2B store, then click here

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

• Enable the Multipass Token option. Refer to this Faq to get the Multipass token value and paste it in the below field.

• Click on Save.

• Go to the application dashboard, you will see a warning box to add the login button extension on the Account page, click on the login widget extension link as shown in the below image to enable it.

• Navigate to the application home page and enable the IDP Login toggle option against the IDP you have configured.

• If you want to configure SSO into Shopify using multiple IDPs, then select your IDP from the list provided here, and setup SSO using that IDP.
• Enable the IDP login toggle option for enabling SSO into Shopify using multiple IDPs.

Testing Single Sign-On (SSO) for your Shopify store

• Go to your Shopify Store login page.(https://<your-shopify-storedomain>/account/login)
• Click on the login button you customized earlier.

• You'll be redirected to the identity provider (IDP) login page. Now log in with your existing account credentials.

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

• You’ll be successfully logged in to your Shopify store.

Hence your configuration of WSO2 as IDP in Shopify is successfully completed.