Search Results :

×
Sign Up Contact Us

Contents

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

miniOrange allows Okta (OAuth) to act as an IDP (Identity Provider), which allows users to Single Sign-On (SSO) into Shopify using Okta 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 Okta as IdP (OAuth) (Identity Provider) and Shopify store as SP (Service Provider).

Shopify Okta OAuth SSO - download plugin button Download Application Shopify Okta OAuth SSO - plugin pricing button Shopify Okta OAuth SSO - plugin pricing button Pricing Plans

Configure [SAML] SSO into Shopify using Okta as IdP

To set up Single Sign-On (SSO) with Shopify via the SAML protocol using Okta as an identity provider (IdP), follow the steps outlined here.

To configure SSO into Shopify with Okta (OAuth) as 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 Okta as IDP (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 Okta OAuth SSO - navigate to Shopify SSO App

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

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

  • Now choose Okta from the list of IDPs.
Shopify Okta OAuth SSO - Choose Okta 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

  • First of all, go to Admin dashboard and log into your Okta account.
  • Go to the Okta Admin panel. Go to Applications -> Applications.


  • You will get the following screen. Click on Create App Integration button.


  • Select sign in method as the OIDC - OpenID Connect option and select Application type as web application, click on Next button.


  • You will be redirected to the app details page. Enter App integration name and Sign-in redirect URIs. you will get that from miniOrange Shopify Single Sign-On (SSO) application under the Callback URL field from Step 1.


  • Scroll down and you will see the Assignments section. Choose a controlled access option and uncheck the Enable immediate access with Federation Broker Mode option. Click on Save button.


  • Now you will get the Client credentials and okta domain. Copy these credentials in miniOrange Shopify Single Sign-On (SSO) application on corresponding fields.


Step 2.1: Assign an App integration to a user

  • Go to Applications tab and Click on your application.


  • Select the Assignments tab.


  • Click Assign and select Assign to People.
  • If you want to assign the application to multiple users at the same time then select Assign to Groups [If an app is assigned to a group then, the app will be assigned to all the people in that group]


  • Click Assign next to a user name.


  • Click Save and Go Back.


  • Click Done.


Step 2.2: Profile Attributes for the ID Token

  • In your Okta admin dashboard, navigate to Security -> API.


  • Select your SSO application and click on the edit icon.


  • Go to claims tab and select the ID token option.


  • Click on Add claim button.


  • Give a Name to your claim/attribute and Select ID Token from the token type dropdown. Now, enter the value user.$attribute in the Value field based on the attribute you want to receive. Keep other settings as default and click on Create button.


  • Follow the similar steps for all the attributes you want to see. You will have a list similar to the below one.


You have completed Okta side configuration.

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

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

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

  • From the list of IDPs, select Okta.
Shopify Okta OAuth SSO - Select Okta 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 appropriate Name
OAuth Authorize Endpoint https://{yourOktaDomain}.com/oauth2/default/v1/authorize?state=abc
OAuth Access Token Endpoint https://{yourOktaDomain}.com/oauth2/default/v1/token
OAuth Get User Info Endpoint (optional) https://{yourOktaDomain}.com/oauth2/default/v1/userinfo
Client ID From step 1
Client secret From step 1
Scope email profile openid


  • Click on Save.

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

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

  • Click on the Fetch Attributes button to fetch the IDP attribute.
Fetch Attributes - Shopify Okta SSO

  • Click on the + Attribute Mapping button to map attributes between Shopify and Okta.
Attribute Mapping - Shopify Okta 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 Okta SSO

  • Click on Next.
Shopify SSO Login - Enable SSO Login Button

Note: This step applies only to Shopify legacy accounts and not Shopify customer accounts.


  • Navigate to the Enable SSO Button section.
  • The following button attributes can be customized: button text, text below SSO button, background color, text color, width, and height.
Shopify SSO Login - Edit SSO Button

  • By default, the “Enable SSO Button” option is in enabled state.
  • If it is not, enable it first, then click the Enable Extension button, as shown in the image below.
Shopify SSO Login - Enable Extension

  • Enable the SSO Login Widget IDP extension.
  • You will see the Login with miniOrange button added to your Shopify store.
  • Click on Save
Shopify SSO Login - Enable SSO Login Widget

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

More FAQs ➔

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