SAML Single Sign-On (SSO) For Shopify Using Joomla As Identity Provider

Overview

miniOrange lets users perfom Single Sign-On (SSO) into Shopify using Joomla credentials with the help of Shopify Single Sign-On (SSO) application. Our app is compatible with all the SAML / OAuth-compliant identity providers. We will go through the below step-by-step guide to configure Single Sign-On (SSO) into Shopify using Joomla as an IdP (Identity Provider) and Shopify store as SP (Service Provider).

The Shopify SSO plugin offers advanced features such as attribute mapping and role mapping. Additionally, it offers complete protection for your Shopify store using Single Sign-On (SSO). Joomla SAML SSO enhances user authentication and secures the login process effectively.

Download Application Pricing Plans

Pre-requisites: Single Sign-On - SSO Login Application

Joomla SAML IDP Plugin

• Login into your Joomla site’s Administrator console and upload the Joomla SAML IDP plugin.

Shopify SSO Application

• To configure Single-Sign-on into Shopify with Joomla as an identity provider, you need to install the miniOrange Single Sign On‑SSO on your store.

Configuration Steps

Follow the step-by-step guide to configure Single Sign-On into Shopify store using Joomla as an identity provider.

Step 1: Configure Shopify as SP in Joomla

• Go to Components -> miniOrange Joomla IDP -> Service Provider.

• Navigate to the Service Provider tab and upload the service provider metadata or manually enter the metadata for Service Provider Name, SP Entity ID or Issuer, ACS URL, and NameID Format.

• For the above SAML configuration, you need to get the Entity ID and ACS URL from Shopify.
• Now go to your Shopify store, 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 SAML protocol.

• Now choose Custom IDP from the list of IDPs.

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

• Navigate to the SP Initiated Metadata section and copy down the ACS URL and Entity ID or Issuer.

• Go to the miniOrange Joomla IDP plugin, click on Advance Mapping tab. Select the NameID Attribute and then click on Save Button.

Get Identity Provider (IDP) Metadata

• Navigate to the Identity Provider tab.
• Here, you can find the Identity Provider Metadata XML URL/File or endpoints like Entity ID, SAML Login URL and so on. Download or copy the Metadata URL.

You have successfully completed your Joomla SAML 2.0 IDP configurations.

Step 2: Configure Joomla as Identity Provider 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 IDPs, select Custom IDP.

• Click on the Import IDP Metadata button.

• Select the upload method as Metadata Link. Paste the copied XML file link from Step 1 and Click on Import.

• Add the appropriate IDP Name and 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 Joomla 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 Okta.

• 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

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

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

• 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 shopifysupport@xecurify.com.

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

• 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 Keycloak as IDP in Shopify is successfully completed.

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.