Search Results :

×

SSO into the Shopify Store using Custom OAuth IDP | Shopify OAuth SSO

Shopify Single Sign-On (SSO) Login application enables login into a Shopify store using multiple Identity Providers (IDPs) through the OAuth 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.

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

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

  • Select OAuth 2.0 protocol.
Shopify OAuth 2.0  SSO - Select OAuth 2.0 Protocol

  • Now choose Custom IDP from the list of IDPs.
Shopify OAuth 2.0  SSO - Choose AWS Cognito as 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 OAuth 2.0  SSO

You have successfully obtained the Callback URL (Redirect URI) from Shopify.

You have configured Shopify as SP in your OAuth IDP

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

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

  • Select OAuth 2.0 protocol.
Shopify OAuth 2.0  SSO - Select OAuth 2.0 protocol

  • From the list of IDPs, select Custom IDP.
Shopify OAuth 2.0  SSO - Select OAuth 2.0 protocol

  • Now, fill in the required details like Client ID, Client Secret, Endpoints, and Scope.
  • Please refer to the below table for configuring the values.
Shopify OAuth 2.0  SSO - Select Cognito IDP

IDP Display Name Enter a display name of your choice
Client ID Client ID of your configured IDP from Step 2
Client Secret Client Secret of your configured IDP from Step 2
OAuth Authorize Endpoint

https://<url_based_on_idp>/authorize

OAuth Access Token Endpoint https://<url_based_on_idp>/token
OAuth Get User Info Endpoint https://<url_based_on_idp>/getuserinfo
Scope Provide valid scopes as per your IDP
  • Click on Next.
  • We support all standard IDPs like AWS Cognito, Azure B2C, Salesforce, Google, Facebook, LinkedIn, Apple, Discord, etc.

You have now completed the configuration for Custom OAuth IDP into your Shopify SSO Application.

  • After saving the IDP configuration, you will be redirected to the Test Connection step. Perform a test connection before mapping or fetching attributes, a test connection ensures that your IDP configuration is correct.
  • Click on the Test Connection button.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Click on Test Connection Button

  • 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 OAuth 2.0  SSO - Shopify Facebook login - Enter IDP Credentials

  • Else, you’ll be redirected to the login page of the IDP you configured in previous step. Log in with your IDP account credentials.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Enter IDP Credentials

  • Click on the Fetch Attributes to fetch the IDP attribute.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Fetch IDP Attributes

  • Click on the + Attribute Mapping button to map attributes between Shopify and your IDP.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Attribute Mapping

  • Map the attributes by referring the table below:
Shopify OAuth 2.0  SSO - Shopify Facebook login - Map Attributes from table

    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 OAuth 2.0  SSO - Shopify Facebook login - Make Facebook Application Default

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.
  • 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 section and then select the miniOrange Single Sign On – SSO application.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • Navigate to the Store Access Restrictions section in the Advanced Settings.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • Enable the Based on IDP User Profile Attributes feature. Click on + Add Attribute to add an attribute as shown in the below image.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • 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 OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • 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.
  • "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 OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • 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 OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • Navigate to Apps section and then select the miniOrange Single Sign On – SSO application.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • 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 OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • Click on Save.
  • Now, go to https://<your-store-domain>/password and click on Enter using Password in the top right corner.
Shopify OAuth 2.0  SSO - Shopify Facebook login - Click on login button

  • After that, click on the SSO Login widget to initiate the Single Sign-On process. For example; Let us name our widget "Login with SSO" as shown in the below image.

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 SAML IDP login credentials within minutes.


Please reach out to us at shopifysupport@xecurify.com, and our team will assist you with setting up the Shopify Inventory Sync 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