Search Results :

×

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


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

Pre-requisite: Single Sign-On SSO Application

To configure SSO into Shopify with Google Apps as 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 Single Sign-On in Shopify Store Using Google apps

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.
  • shopify app section - single sign on application
  • Click on the Setup IDP button in the top left of the navigation bar.
  • Single Sign-On (SSO)for Shopify (Plus and Non Plus), Configure IDP for enabling Single Sign-On (SSO)
  • From the left navigation bar select Configure SSO and click on Add Identity provider button.
  • Shopify - miniorange sso application - choose OAuth 2.0
  • 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.
  • Shopify - miniorange sso application - choose OAuth 2.0

2.  Configure Shopify as aService Provider (SP) in Google Apps

  • Go to https://console.developers.google.com/ and sign up/log in.
  • Click on Select Project to create a new Google Apps Project, then click on NEW PROJECT. (refer to the image below)
  • select project google oauth provider
  • Enter your Project name under the Project Name field and click on Create
  • Google 4
  • Now, again click on Select a Project (highlighted in the image below) and select the newly created Project by clicking on the project name that you entered in the previous step.
  • Google 5
  • Go to Navigation MenuAPIs & ServicesCredentials.
  • navigate menu api service google sso shopify
  • Click on the Create Credentials button and then select OAuth Client ID from the options provided.
  • select oauth clinet id google sso shopify
  • In case you are facing some warning saying that to create an OAuth Client ID, you must set a product name on the consent screen (as shown in the below image). Click on the Configure consent screen button.
  • configure consent screen google sso shopify
  • Choose how you want to configure and register your app and click on create button.
  • google as idp sso into shopify - oauth consent screen
  • Enter the required details such as App Name, User Support Email. and click on Save and Continue button.
  • enter app name google sso shopify
  • Scroll down and click on SAVE AND CONTINUE.
  • enter app name - save and continue - google sso shopify
  • Now for configuring scopes, click on Add or Remove the Scopes button.
  • google as idp sso into shopify - add or remove scopes
  • Now, Select the Scopes to allow your project to access specific types of private user data from their Google Account and click on Update button.
  • google as idp sso into shopify - select scopes for SSO
  • Add test users for your application. Only test users will be able to access the app.
  • google as idp sso into shopify - add test users
  • Click on the SAVE AND CONTINUE button.
  • google as idp sso into shopify - save and continue
  • Check all the details in the Summary section.
  • google as idp sso into shopify - summary section
  • Click on the BACK TO DASHBOARD button.
  • google as idp sso into shopify - go back to dashboard
  • Click on the Create Credentials button and then select OAuth Client ID from the options provided.
  • select oauth clinet id google sso shopify
  • Go to the Credentials tab and click on the Create Credentials button. Select Web Application from the dropdown list to create a new application. Enter the name you want for your Client ID under the name field and enter the Redirect/Callback URI which is copied from the Shopify store under the Authorized redirect URIs field.
  • select web application - add authorized url - google sso shopify
  • Click on the CREATE button to save your configurations.
  • Copy your Client ID and Client Secret and save it on your Shopify SSO App Configuration.
  • client id and client secret - google sso shopify
  • You have completed your Google App OAuth Server-side configurations.

3.  Configure Google Apps as an OAuth 2.0 Provider in Shopify.

  • Again, go to your Shopify store, click on the Apps tab and select the Single Sign On - SSO Login application.
  • shopify app section - single sign on application
  • Click on the Setup IDP button in the top left of the navigation bar.
  • Single Sign-On (SSO)for Shopify (Plus and Non Plus), Configure IDP for enabling Single Sign-On (SSO)
  • From the left navigation bar select the Configure SSO and click on the Add Identity provider button.
  • Shopify - miniorange sso application - choose OAuth 2.0
  • Go to the OAuth 2.0 tab, and select the IDP name as a Google Apps from the dropdown.
  • Shopify - miniorange sso application - choose OAuth 2.0
  • Enter the following values.
  • IdP Name Google Apps
    IdP Display Name Choose the appropriate Name
    Client ID From step 2
    Client secret From step 2
    Scope email profile

4. Test Connection

  • Go to the Configure SSO tab.
  • Click on the Select >> Test Connection option against the Identity Provider you configured.
  • Google Single Sign On SSO test connection
  • On entering valid Google credentials you will see a pop-up window which is shown below screen.
  • Google Single Sign On SSO SucessTestConnection

5. User Attribute Mapping

You can map attributes coming from your Identity Provider into your Shopify store customer profile.


  • Navigate to Single Sign On - SSO Application from the Admin Dashboard.
  • Scroll down to the Attribute Mapping Section.
  • Shopify Single Sign-On (SSO) - Restrict Shopify Store to logged in users
  • Enter the First Name and Lastname attribute values by referring the below table.

  • Firstname firstName
    Lastname lastName
  • Save your configurations.
Hence you have successfully configured SSO between Shopify and Discord.

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.
  • select project google oauth provider
  • 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 Google Apps as IDP in Shopify is completed.

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 and then after subsequent attempts, I get redirected to https://store.xecurify.com/moas/login 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