Search Results :

×

WordPress Single Sign-On (SSO) using Shopify Store as IDP – Shopify OAuth SSO


Set up Single Sign-On (SSO) on your WordPress website via Shopify WordPress SSO using our WP OAuth & OpenID Connect Single Sign-On plugin and Shopify Store as IDP application. Implementing WordPress SSO using Shopify as IDP allows users to log into your websites and applications with a single set of credentials using the Shopify Store as an IDP.

Shopify acts as the IDP and WordPress acts as the OAuth Client. WordPress Shopify SSO provides smooth login between WordPress and Shopify store using Shopify SSO login credentials with a single click.

The WordPress SSO plugin also provides advanced Shopify SSO features like user profile attribute mapping and role mapping. You can also protect your complete WordPress site behind Shopify SSO. Shopify WordPress OAuth SSO plugin secures the user’s login process and improves user authentication using Shopify via WordPress SSO. Follow the steps below to set up your WordPress SSO by installing this plugin.

Pre-requisites: Download And Installation

SSO between Two Shopify Stores - miniorange

Wordpress OAuth SSO

Allows users to SSO into any website using existing IDP credentials

Install Plugin
SSO between Two Shopify Stores - miniorange

Shopify Store as IDP

Allow Customers to SSO login using the store credentials.

Add Application

1. Install WordPress OAuth Single Sign-On (SSO) plugin on your Wordpress Website

  • Log into your WordPress instance as an admin.
  • Go to the WordPress Dashboard -> Plugins and click on Add New.
  • Search for a WordPress OAuth Single Sign-On (SSO) plugin and click on Install Now.
  • Once installed click on Activate.

2. Add Shopify Store as IDP - SSO Login app on your Shopify Store

  • Go to the Shopify App Store and search for Store as IDP application. Add this application on your Shopify Store.

Steps to configure Shopify Single Sign-On (SSO) Login into WordPress

1. Retrieve Callback URL from WordPress

  • Go to Configure OAuth tab and click Add New Application to add a new client application into your website.
  •  WordPress Shopify SSO OAuth - Add new application
  • Choose your Application from the list of OAuth / OpenID Connect Providers, Here Shopify.
  •  WordPress Shopify SSO OAuth - Select Application
  • Copy the Callback URL to be used in OAuth Provider Configuration and click Next.
  •  WordPress Shopify SSO WordPress SSO install oauth2

2. Setup Shopify as OAuth Provider

  • Go to your shopify store, click on Apps tab and select Store as IDP-SSO login application.
  •  WordPress Shopify SSO oauth provider-select-app
  • Click on the Setup Application button in the left navigation bar.
  •  WordPress Shopify SSO oauth provider-setup-app
  • From the left navigation bar select Apps and click on Add Application button.
  •  WordPress Shopify SSO oauth provider-click-add-app
  • Go to OAuth/OIDC tab and select the IDP name as a WordPress from the list.
  •  WordPress Shopify SSO oauth provider-idp-name
  • In the Add Application Section enter the values by refering the below table.
  • Client Name Choose an appropriate name according to your choice.
    Redirect URI/ OAuth Callback URI You will get this from Step 1.
    Description Add appropriate description according to your choice.
    Group Name DEFAULT
    Policy Name WordPress
    Login Method Password
     WordPress Shopify SSO provider-endpoints  WordPress Shopify SSO provider-save
  • Click on Save to save the configurations.
  • After saving the application, click on Select and then Edit option of the application you just configured.
  •  WordPress Shopify SSO provider edit option
  • You will get the Client Id, Client Secret, Authorization Endpoint. Keep these values handy as you will require it later while configuring WordPress OAuth Single Sign-On plugin.
  •  WordPress Shopify SSO provider-keep endpoints handy

You've successfully configured WordPress Shopify SSO using Shopify as OAuth Provider on your WordPress site, allowing users to use Shopify SSO login into the WordPress site with their Shopify store login Credentials.

3. Setup WordPress as OAuth Client


  • Go to Configure OAuth tab and click Add New Application to add a new client application into your website.
  •  WordPress Shopify SSO OAuth - Add new application
  • Choose your Application from the list of OAuth / OpenID Connect Providers, Here Shopify.
  •  WordPress Shopify SSO OAuth - Select Application
  • Enter the App name to configure Shopify as IDP.
  • Enter the client credentials like Client ID & Client Secret copied from Step 2.
  • Note: You can either paste the Authorization Endpoint directly or manually enter the <customer_id> from Shopify.
  • Click on Next.
  •  WordPress Shopify SSO WordPress SSO install oauth2
  • Click on Finish to save the configuration.
  •  WordPress Shopify SSO finish setup

You have successfully configured Wordpress Shopify SSO using Shopify store credentials. Allow users to SSO into wordpress site by making wordpress an OAuth client and Shopify as IDP.

4. User Attribute Mapping

  • User Attribute Mapping is mandatory for enabling users to successfully login into WordPress. We will be setting up user profile attributes for WordPress using below settings.
  • Finding user attributes

    • Go to Configure OAuth tab. Scroll down and click on Test Configuration.
    •  WordPress Shopify SSO - test congifuration
    • You will see all the values returned by your OAuth Provider to WordPress in a table. If you don't see value for First Name, Last Name, Email or Username, make the required settings in your OAuth Provider to return this information.
    • Once you see all the values in Test Configuration, go to Attribute / Role Mapping tab, you will get the list of attributes in a Username dropdown.
    • WordPress Shopify SSO - attribute/role mapping

5. Sign In Settings

  • The settings in Single Sign-On (SSO) Settings tab define the user experience for Single Sign-On (SSO). To add a Shopify login widget on your WordPress page, you need to follow the below steps.
    • Go to WordPress Left Panel > Appearances > Widgets.
    • Select miniOrange OAuth. Drag and drop to your favourite location and save.
    • WordPress Shopify SSO - login button setting
    • Go to WordPress Left Panel > Appearances > Widgets.
    • Select miniOrange OAuth. Drag and drop to your favourite location and save.
    • WordPress Shopify SSO - login button setting
    • Open your WordPress page and you can see the Shopify SSO login button there. You can test the Shopify Single Sign-On (SSO) now.
    • Make sure the "Show on login page" option is enabled for your application. (Refer to the below image)
    • WordPress Shopify SSO login button setting
    • Now, go to your WordPress Login page. (Eg. https://< your-wordpress-domain >/wp-login.php)
    • You will see an Shopify SSO login button there. Once you click the login button, you will be able to test the Shopify Single Sign-On (SSO).
    • WordPress Shopify SSO login button setting

WordPress Single Sign-On (SSO) via Shopify should now be successfully configured with Shopify Store as the OAuth Provider and WordPress as the OAuth Client. WordPress Shopify SSO should fulfill all your needs with features like multi-factor authentication, multiple grant type support, attribute mapping, role mapping, etc. You can also protect your complete WordPress site behind Shopify SSO.

Need Help?

Mail us on oauthsupport@xecurify.com for quick guidance(via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.

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