Search Results :

×

Setup Single Sign-On (SSO) into the Shopify Store using SAML


Shopify Single Sign-On (SSO) Login application enables login into a Shopify store using multiple Identity Providers (IDPs) through the SAML protocol. It supports advanced Single Sign-On (SSO) features like user profile attribute mapping, role mapping, and more. To learn about other features provided in our Shopify Single Sign-On application, click here.

Pre-requisite : Single Sign On - SSO Application

To configure SSO into Shopify with a Custom IDP, you will need to install the miniOrange Single Sign On - SSO Login Application on your Shopify store:

miniOrange Provides Secure Single Sign-On (SSO) access to your Shopify stores(both plus and Non plus Stores).


Step by Step guide for Configuring Shopify Single Sign-On (SSO)

1. Retrieve the Service Provider (SP) metadata from the SSO application

  • Navigate to the miniOrange Single Sign On-SSO application and click on Add identity Provider button.
  • Shopify SSO - single sign on application
  • Select SAML protocol.
  • Shopify SSO - Select SAML protocol
  • From the list of identity providers (IDPs), select Custom IDP.
  • Shopify SSO - Select Custom IDP
  • Click on the Get Metadata to retrieve the service provider (Shopify) metadata.
  • Shopify SSO - Download SP Metadata
  • For SP-Initiated SSO, note down the required details to configure SSO in your custom IDP.
  • Shopify SSO - Shopify SP-intiated Metadata

2. Setting up Shopify as a Service Provider (SP) in your SAML Identity Provider (IDP)

  • Access the developer's console of your chosen IDP.
  • Create a new application.
  • Select the SAML protocol for this newly created application.
  • Paste the individual metadata details such as IDP Entity ID, ACS URL, X.509 Certificate of the Shopify SSO application from Step 1.
  • Save the configurations.
  • Obtain the following data from your IDP such as IDP Entity ID, SAML Login URL, Logout URL, SAML X.509 Certificate
  • Create a user in your IDP to be used for SSO into Shopify.

You have successfully completed the IDP side configurations.

3. Configure SAML IDP in the Shopify SSO Application

  • Navigate back to the miniOrange Single Sign On-SSO application and click on Add identity Provider button.
  • Shopify SSO - single sign on application
  • Select SAML protocol.
  • Shopify SSO - Select SAML protocol
  • From the list of identity providers (IDPs), select Custom IDP.
  • Shopify SSO - Select Custom IDP
  • Enter the identity provider (IDP) display name.
  • Click on the Import IDP Metadata button.
  • Shopify SSO - Import Custom IDP Metadata
  • Select one of the upload methods to add the IDP metadata, and click on Import.
  • Shopify SSO - Select Custom IDP
  • Click on Save.

4. Test Connection

  • After saving the IDP configuration, you will be redirected to Test Connection step.
  • Perform test connection before mapping or fetching attributes, test connection ensures that your IDP configuration is correct.
  • Click on Test Connection.
  • Shopify SSO - Custom login page
  • On entering valid IDP credentials you will see a pop-up window which as shown in below screen.
  • Single Sign On SSO SucessTestConnection
  • Click on the Fetch Attributes to fetch IDP attribute.
  • Shopify SSO - Fetch Attributes from IDP

5. Attribute Mapping

  • Click on the + Attribute Mapping button to map attributes between Shopify and your IDP.
  • Shopify SSO - Add Attribute Mapping
  • Map the attributes by referring the table below:
  • Shopify SSO - Add Attribute Values
    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 Save.
  • Navigate to the application home page. Click More actions against the configured IDP, and click on Make Default to set your IDP as default.
  • Shopify SSO - Make Default IDP

6. Testing 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.
  • Shopify SSO - Login Button Test
  • You’ll be redirected to the login page of the IDP you configured in previous step. Log in with your IDP account credentials.
  • You’ll be successfully logged in to your Shopify store.

7. Restrict SSO based on the IDP Attributes

  • You can control access to your Shopify Store by setting rules that allow or deny entry based on specific user attributes. For instance, you can restrict access to certain store sections for users with a particular tag or domain.
  • Navigate to Apps and then select the miniOrange Single Sign On – SSO application.
  • Shopify SSO - Navigate to Shopify SSO App
  • Navigate to the Store Access Restrictions section in the Advanced Settings.
  • Shopify SSO - Store Access Restriction
  • Enable the Based on IDP User Profile Attributes feature. Click on + Add Attribute to add an attribute as shown in the below image.
  • Shopify SSO - Enable Attribute Restriction
  • If the attribute name from IDP matches the blocked attribute value, the user will be redirected to the blocked page after they SSO into the Shopify store.
  • Shopify SSO - Login Button Test
  • Click on Save.
  • Example: If the blocked attribute name is “domain” and its value is “@gmail.com”, then all customers with a @gmail domain will be redirected to the blocked page after they perform SSO to the Shopify store.

8. Store Access Exclusively for Logged-In Users

  • "Protect Complete Store with SSO" grants exclusive access to your Shopify store, ensuring that only logged-in users can access it. Any non-logged-in user attempting to access any page of your Shopify store will be redirected to the password page.
  • Note:For the following steps, ensure that you have enabled password protection on your Shopify store.
  • To configure your complete store with OTP Verification, you need to obtain a storefront_digest cookie.
  • Go to your Shopify store. Right-click on the page and select the "Inspect" option.
  • Shopify SSO - Click on Inspect
  • Now, navigate to the Application section and select the Cookies option from the left menu. Choose your store and search for storefront_digest. Copy the value associated with this cookie.
  • Shopify SSO - Copy the value
  • Navigate to Apps and then select the miniOrange Single Sign On – SSO application.
  • Shopify SSO - Navigate to Shopify SSO App
  • Go to Advanced Settings and then Store Access Settings. Under the Complete Store Protection section, paste the storefront_digest cookie value in the Store Token field, as shown in the image below.
  • Shopify SSO - Login Button Test
  • Click on Save.
  • Now, go to https://<your-store-domain>/password and click on Enter using Password in the top right corner.
  • Shopify SSO - Login Button Test
  • After that, click on the SSO Login widget to initiate the Single Sign-On process. For example; Let us name our widget "Login with Okta" as shown in the below image.
  • Shopify SSO - Login Button Test

Hence you have successfully configured Shopify Single Sign-On (SSO) using your Custom IDP and Shopify as Service Provider. 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 IDP login credentials within minutes.


Troubleshooting

invalid_request

This may be because your primary domain would be different from your Shopify domain. To check your primary domain and make SSO work, follow the steps given here.

shopify_plan_expired

This issue arises when either the trial period of your Development plan is expired. Or if your plan is not auto-renewed from the Shopify end. Contact us at shopifysupport@xecurify.com to resolve the plan upgrade issue and get smooth functioning of the SSO – Single Sign On Application.

invalid_attributes_received

As email is a required entity in Shopify for account creation as well as login operation, Single Sign On is not successful in this case. To resolve this error, please follow given here.

encountered_an_error

When I am performing SSO, I am getting ‘Please verify if Shopify App is installed’ error. To resolve this error, please follow given here.

If your error or query is not listed here, click here to see others.


Frequently Asked Questions (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.

When I try to perform SSO, I get redirected to the “Incorrect App Configuration” page.

You might be trying to perform SSO in the different tab of the same browser where you have opened our Single Sign-On – SSO Application or accessed the configuration portal of our application. In this case, SSO will be restricted due to security reasons.
Try to perform Single Sign On in a new incognito/private window or in a different browser in order to make SSO work.

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.

Choose your preferred Identity Provider and start setting up SSO for Shopify right away


If you are looking for anything which you cannot find, please drop us an email on shopifysupport@xecurify.com

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com