Contents

Shopify Single Sign-On (SSO) solution using Twitter as Identity Provider (IDP)

miniOrange allows Twitter to act as an IDP (Identity Provider), which allows users to Single Sign-On (SSO) into Shopify using Twitter Credentials. Our application is compatible with all the SAML / OAuth compliant Identity Providers. This solution ensures that you are ready to roll out secure access to your Shopify store using Twitter within minutes. We will go through a step-by-step guide to configure Single Sign-On (SSO) into Shopify using Twitter as IdP (Identity Provider) and Shopify store as SP (Service Provider). Twitter Single Sign On (SSO) for Shopify miniOrange provides a ready to use solution for your Shopify store.

Pre-requisite : Single Sign On - SSO Application

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

Shopify Single Sign-On (SSO)

By miniOrange

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

Get this application

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

Step 1: Configure Twitter as OAuth 2.0 Provider in Shopify.

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 in 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 Identity Provider. Select OAuth.

Twitter as IDP - Single Sign-On (SSO) Shopify - add identity provider

Select Twitter from the dropdown.
Add any display name you like, Eg: miniOrange

Twitter as IDP - Single Sign-On (SSO) Shopify - Add a display name

Enter the following values.

Client ID	From step 1
Client secret	From step 1
Grant Type	Authorization Code Grant
Scope	profile

Enable Send Client Credentials in Header, Show IDP to users and Enable for EndUser Login.
You can also do attribute mapping as per your preference.
Click Save.

Step 2: Configure Shopify as Service Provider (SP) in Twitter

Go to https://developer.twitter.com/en/apps
Click on the overview in the left menu then click on NEW PROJECT.

Twitter as IDP - Single Sign-On (SSO) Shopify - Add New Project in Twitter

Enter Name, Select the best description, Project name and Enter App name where you get your access keys and tokens and set permissions.

Twitter as IDP - Single Sign-On (SSO) Shopify - Enter App Name in Twitter

Click on the App name in the left menu then Enable 3rd Party AuthenticationThen, Enter Callback URLs and Website URLs (from your miniOrange social login plugin).

Twitter as IDP - Single Sign-On (SSO) Shopify - Enable OAuth Sign in with Twitter

If you want to get the email address as well, then don’t forget to enable the Request email address from users option.Then, Enter your Privacy Policy URL in the Privacy Policy URL field and Enter your Terms of Service URL in the Terms of Service URL. Then, click on the Save button to save your configurations.

Twitter as IDP - Single Sign-On (SSO) Shopify - Save Configuartion Settings in Twitter

Now go to Keys and Tokens Click on View Keys. Here are your API keys and API Secret key.

Twitter as IDP - Single Sign-On (SSO) Shopify - View API & Secrect Key

Copy your API key and Secret and save them in your miniOrange social login plugin (under client id and client secret field respectively).

Twitter as IDP - Single Sign-On (SSO) Shopify - Save Client ID & Client Secret

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

You’ll be redirected to the login page of the Twitter you configured in previous step. Log in with your Twitter account credentials.
You’ll be successfully logged in to your Shopify store.

Hence you have successfully configured Shopify Single Sign-On (SSO) using Twitter as IDP and Shopify as SP using miniOrange Single Sign-On (SSO) login application. This solution ensures that you are ready to roll out secure access to your Shopify store using Twitter 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.

How do I enable the SSO application’s auto redirect to 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.