Single Sign-On (SSO) For Shopify Using AWS Cognito as Userstore

Step by Step guide for the Single Sign-On in Shopify Store Using AWS Cognito as Userstore

Step 1: Step to get the Redirect URI for the OAuth Server

• Go to your Shopify store, click on the Apps tab, and select the Single Sign On - SSO Login application.

• Click on the Setup IDP button in the top left of the navigation bar.

• From the left navigation bar select Configure SSO and click on Add Identity provider button.

• You can find the OAuth Callback URL/ Redirect URI in the OAuth 2.0 section. Keep the OAuth callback URL handy as you will need it later.

2.  Configurations for AWS Cognito

A] Steps to Configure User Pool

• Sign in to AWS Amazon.
• Now enter “Cognito” in the search textbox & select Cognito from the dropdown.



• Go to “Manage your user pools”.


• Click on the “Create a user pool”.



• Add pool name and select “Review Defaults”.



• Click on the Edit icon as shown in the below image.



• Now, Enable the Email Address and Phone Number option and click on the Next step button.




• Click on “Add app client” & then click on Add an app client.



• Enter the App client name and Disable the Generate Client Secret option. Enable the Username Password-based authentication option,then Click on “Create app client”.




• Click on the Return to Pool Details to come back to your configuration.



• Click on the Create Pool button to save your settings and create a user pool.



• In the navigation bar present on the left side, click on the App Client Settings option under the App Integration menu.



• Go to the Cognito dashboard and select “Cognito User Pool”, and add the callback URL that you have copied from Pre-requisite.
• Add application home page URL has to Sign out URL.
• Also, select Authorization code grant as “Allowed OAuth Flows” & select email, OpenID, and Profile as “Allowed OAuth Scopes”.
• After selecting all the details click on the Save changes button.



• Go to “App client” and click on “Show details” to get a client ID. (Keep client ID handy as you will need it later.)



• Go to domain name and enter a domain name for your app. After adding the domain name you can check its availability by clicking on the “Check availability” button. After entering valid domain name click ”Save Changes” button.



• Complete domain name: The complete domain name that you need to enter in the miniOrange dashboard is {your domain name}.auth.{region name}.amazoncognito.com
• Add Users / Groups to Cognito App: Go to Users and groups and then click on Users. After this click on Create user.



• Fill in all required information and click on Create user.



• Click on Groups and then click on Create group.


• Fill all required information and click on the Create group.




B] Steps to Configure Identity Pool.

• Go to Federated Identities and click on Create New Identity pool button.



• Enter the Identity pool name and enable Unauthenticated identities and Authentication flow settings, then click on the Create pool button.



• Click on the Allow button and You will get the Identity Pool Id.

You have completed AWS Cognito side configuration.

3.  Configure Shopify as SP (Service Provider)

• Again, go to your Shopify store, click on the Apps tab, and select the Single Sign On - SSO Login application.

• Click on the Setup IDP button in the top left of the navigation bar.

• From the left navigation bar select User Store and Click on Add User Store button.



• Select AWS Cognito.



• Enter the following values.

AWS Cognito Identifier	Provider Name
AWS Cognito Region	Get Cognito region from user pool(eg.us-east-2)
User Pool ID	From step A	Client ID	From step A
Identity Pool ID	From step B

• Now you can click on Save.

You have completed the Shopify side configuration.

4. Test Connection

• Go to the Configure SSO tab.
• Click on the Select >> Test Connection option against the Identity Provider you configured.

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

Hence you have configured SSO between Shopify and AWS Cognito.

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

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

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

Hence your configuration of AWS Cognito as Userstore in Shopify is sucesssfully completed.

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