Search Results :

×

OAuth Single Sign-On (SSO) For Shopify Using FusionAuth as IDP


Setting up Single Sign-On (SSO) between FusionAuth and Shopify can streamline the authentication process for your users. SSO allows users to log in to multiple services using a single set of credentials. This guide outlines the steps to set up SSO between FusionAuth and Shopify, enhancing user convenience and security while navigating your applications.

miniOrange allows FusionAuth to act as an IDP (Identity Provider), which allows users to Single Sign-On (SSO) into Shopify using FusionAuth Credentials. Our application is compatible with all the SAML / OAuth-compliant Identity Providers.

Pre-requisite: Single Sign On - SSO Login Application

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

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


Step by Step guide for Configuring FusionAuth as IDP for SSO into Shopify

1.   Get the OAuth Callback URL from the Shopify SSO application

  • Go to your Shopify store and navigate to the App section and click on Single Sign On - SSO login application.
  • Shopify FusionAuth SSO Login - Add SSO Application
  • Click on the Add identity Provider button to add your IDP.
  • Shopify FusionAuth SSO Login - Add Identity Provider
  • Select OAuth 2.0 protocol.
  • Shopify FusionAuth SSO Login - Select SAML Protocol
  • Now choose Custom IDP from the list of IDPs.
  • Shopify FusionAuth SSO Login - Select Okta from IDP List
  • Copy the OAuth Callback URL and kepp it handy as it will be used in furthur step.
  • Shopify FusionAuth SSO Login - Click on Get Metadata

2.  Configure Shopify as SP in FusionAuth

  • Log in to your FusionAuth account.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - Login to FusionAuth
  • Navigate to the Applications" tab on the FusionAuth dashboard and then click the Green plus button to add a new application.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - add application
  • You must give your application a name on the Application Creation page. This is done so that your application can be distinguished in the dashboard. Provide an appropriate name for your application.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - appication name
  • Now select the OAuth tab. The default settings should be fine; the only thing you need to change is the Authorised redirect URLs section. Paste the OAuth Callback URL you copied in Step 1.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - redirect URL
  • Please keep in mind that FusionAuth will only provide login functionality by default, and you will have to manually create new users via the admin panel. This is useful if you're creating an internal site and don't want users to register. However, if you're creating a store, you'll probably want users to be able to create an account, so let's enable that. Enable self-service registration by clicking the Registration tab. The default settings should be adequate.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - user registration
  • Click the blue Save button in the upper-right corner of the page.
  • You will now be shown a list of your applications. Click the Green looking glass icon next to the newly created application.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - get idp metadata
  • Copy the Client ID and Client Secret from the Details window.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - client id and secret
  • You have completed FusionAuth side configurations.

3.   Configure FusionAuth as IDP in Shopify

  • Navigate back to the miniOrange Single Sign On-SSO application and click on Add identity Provider button.
  • Shopify FusionAuth SSO Login - Go to SSO application
  • Select OAuth 2.0 protocol.
  • Shopify FusionAuth SSO Login - Select SAML Protocol
  • From the list of IDPs, select Custom IDP.
  • Shopify FusionAuth SSO Login - Choose 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.
  • Shopify FusionAuth SSO Login - Select SAML Protocol
    IDP Display Name FusionAuth
    OAuth Authorize Endpoint https://<your-fusionauth-instance-url>/oauth2/authorize
    OAuth Access Token Endpoint https://<your-fusionauth-instance-url>/oauth2/token
    OAuth Get User Info Endpoint https://<your-fusionauth-instance-url>/oauth2/userinfo
    Client ID from step 2
    Client secret from step 2
    Scope openid

4. Test Connection

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

5.   Attribute Mapping

  • Click on the + Attribute Mapping button to map attributes between Shopify and FusionAuth.
  • Shopify Okta SSO Login - Add Attribute
  • Map the attributes by refering the table below:
  • Shopify Okta SSO Login - Map Attributes
    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.
  • Shopify Okta SSO Login - Save Attribute Mapping
  • Navigate to the application home page. Go to More actions against the IDP you have configured and click on Make Default button to make the IDP default.
  • Shopify Okta SSO Login - Make application Default

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.
  • select project google oauth provider
  • You’ll be redirected to the FusionAuth sign-in page.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - Fusionauth Sign in page
  • You can sign in with an existing account or create a new one here. To create a fresh account, simply click Create an account and you'll be taken to the registration form.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - register user in Fusionauth
  • Enter your email address and password, then click the Register button. After creating a new account, go to the Customers page in your Shopify admin dashboard to ensure that the new user has been added.
  • FusionAuth Shopify Integration - FusionAuth Shopify Login - Shopify FusionAuth SSO - check user in Shopify admin dashboard
  • You’ll be successfully logged in to your Shopify store.

In this Guide, you have successfully configured FusionAuth Single Sign-On (SSO) by configuring FusionAuth as an OAuth Provider and Shopify as an OAuth Client using our Shopify Single Sign-On - SSO Login App. This solution ensures that you are ready to roll out secure access to your Shopify Store using FusionAuth 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 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