You can configure Single Sign-On (SSO) for your Shopify Plus store using the OAuth protocol to enable seamless customer login using Facebook credentials. This simplifies user access and enhances the overall login experience of customers by connecting Shopify with Facebook as an identity provider (IdP). This is accomplished using the miniOrange Single Sign-On (SSO) application, available through the Shopify App Store.
Note: Our Shopify Plus SSO application supports all protocols, including SAML, OAuth, and OpenID Connect (OIDC).
Pre-requisites:
- miniOrange Shopify Single Sign-On (SSO) App: Link
- Guide to configure SSO between Shopify and Facebook: Link
1. Create Facebook App with OAuth Protocol:
- Log in to the Facebook Developers Console.
- Click on My Apps and then Create App.
- Choose Consumer as the app type and click Next.
- Provide the app name (e.g., Shopify Facebook SSO) and contact email.
- Click Create App.
2. Configure OAuth Settings in Facebook:
- After creating the app, go to Facebook Login > Settings.
- Under Valid OAuth Redirect URIs, paste the Callback URL provided in the Shopify Plus SSO App.
- Click Save Changes.
- Navigate to Settings > Basic and copy the App ID and App Secret.
3. Set up Facebook as OAuth Provider:
- Navigate to your Shopify Admin.
- Launch the SSO Plus app from your Shopify Plus store.
- Select OAuth 2.0 as the SSO protocol.
- Choose Facebook from the list of identity providers.
- Enter the following details: Client ID, Client Secret, Authorization Endpoint, Token Endpoint, User Info Endpoint, and Scope.
- Click Save.
4. Assign Users and Test SSO Connection:
- Assign test users access to the Facebook App in the developer dashboard.
- In the Shopify Plus SSO app, click Test Configuration.
- Sign in with Facebook when prompted.
- If successful, a Test Successful message and user attributes will be displayed.
5. Test SSO Integration:
- Go to the Connect Store tab and copy the Client ID, Client Secret, Post-Logout Redirect URL, and Discovery Endpoint URL.
- From your Shopify admin, go to Settings > Customer accounts.
- Click on Manage within the Identity Provider section.
- Click Connect to provider.
- Enter your Identity Provider name.
- Under Application info, fill in the Discovery Endpoint URL, Client ID, Client Secret, Additional Scopes, and Post-logout Redirect URI.
- Click Save.
- Click Test Connection to ensure proper redirection to the customer login page.
- Log out and log back in to verify the updated login flow.
- Click Activate after a successful test.
- An Active badge will appear next to the IdP name in your Customer Accounts > Identity Provider section.
By following these instructions, you may effectively set up SSO within your Shopify Plus store using Facebook, enhancing security and offering a more efficient login process.
For further assistance, please feel free to contact our team.
