Search Results :

×

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


WordPress Single Sign On (SSO) for your Shopify store miniOrange provides a ready-to-use solution for your Shopify store. This solution ensures that you are ready to roll out secure access to your Shopify Store using WordPress within minutes.

Pre-requisite: Single Sign On - SSO Login Application

To configure SSO into Shopify with WordPress 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 Stores(both plus and non-plus Stores).


Note: If you want to set up SSO into the WordPresss using the Shopify store as the IDP, follow the instructions provided here.

Step by Step guide for Single Sign-On in Shopify Store Using WordPress

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 Single Sign-On (SSO) in wordpress oauth provider-add identity
  • 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 Single Sign-On (SSO) in wordpress oauth provider-redirect url

2. Setup WordPress as an OAuth Provider

  • Log into your WordPress instance as an admin
  • Go to the WordPress Dashboard -> Plugins and click on Add New.
  • Search for a WordPress OAuth Server Single Sign-On (SSO) plugin and click on Install Now.
  • Once installed click on Activate.
  • Now, go to the miniOrange OAuth Server plugin on the left side menu and choose your OAuth client from the list, Here WordPress.
  • Shopify Single Sign-On (SSO) in wordpress oauth provider-select-provider
  • Enter the Client Name as per your choice. Enter Redirect URI/ OAuth Callback URI which is copied from the Shopify store and click on the Save Client button.
  • Shopify Single Sign-On (SSO) in wordpress oauth provider-client name
  • After saving the client in Wordpress OAuth Server Plugin, you will get the Client Id, Client Secret, Endpoints, and Scopes. Keep these values handy as you will need them later.
  • Shopify Single Sign-On (SSO) in wordpress oauth provider-details
  • You have completed your WordPress OAuth server-side configurations.

3. Configure WordPress as an Identity 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 Configure SSO and click on Add Identity provider button.
  • Shopify Single Sign-On (SSO) in wordpress oauth provider-add identity
  • Go to the OAuth 2.0 tab and select the IDP name as a Custom Provider from the dropdown.
  • Shopify Single Sign-On (SSO) in wordpress oauth provider-custom provider
  • Now, fill in the required details like Client ID, Client Secret, Endpoints, and Scope.
  • Please refer to the below table for configuring the values.
  • App Name Custom Provider
    App Display Name Display the name of your choice
    OAuth Authorize Endpoint https://<your-site-url>/wp-json/moserver/authorize
    OAuth Access Token Endpoint https://<your-site-url>/wp-json/moserver/token
    OAuth Get User Info Endpoint https://<your-site-url>/wp-json/moserver/resource
    Client ID From step 2
    Client secret From step 2
    Scope profile openid
  • Click on the Save button.
  • Shopify Single Sign-On (SSO) in wordpress oauth provider-save-button
Hence 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.
  • Wordpress Single Sign On SSO test connection
  • On entering valid Wordpress credentials you will see a pop-up window which is shown in the below screen.
  • Wordpress Single Sign On SSO SucessTestConnection
Hence you have successfully configured SSO between Shopify and Wordpress.

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.
  • Shopify Single Sign-On (SSO) in wordpress oauth provider login button
  • You’ll be redirected to the login page of the WordPress you configured in the previous step. Log in with your WordPress account credentials.
  • You’ll be successfully logged in to your Shopify store.

You have successfully configured WordPress as an Identity Provider for your Shopify Store.


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.

How do I enable the SSO application’s auto redirect to the IDP feature on my Shopify store?

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.

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