Shopify Single Sign-On (SSO) using Facebook | Shopify Login with Facebook

Shopify Single Sign-On (SSO) using Facebook | Shopify Login with Facebook


Shopify integration with Facebook allow your customers to login to the store using facebook as an identity provider. Here the Facebook works as an OAuth provider for Shopify SSO application using miniorange as an Identity broker. In this guide we will see how to implement Facebook Single Sign-On (SSO) solution on your Shopify Store in the easiest way.

Facebook Single Sign On (SSO) for Your Application miniOrange provides a ready to use solution for Your application. This solution ensures that you are ready to roll out secure access to your application using Facebook within minutes.

1.  Configure miniOrange as Service Provider (SP) in Facebook

  • First of all, Login/ Signup in Facebook developer console at https://developers.facebook.com/

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO developer console
  • Go to My apps.

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO add new app
  • Click on Create App. to create a new app.

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO add new app
  • Select what your app is going to work for.

  • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO add new app
  • Enter the required details and click on create app.

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO add new app
  • Complete the security check and click on Submit button.

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO add new app
  • Select Facebook Login by clicking on the set up button .

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO login setup
  • Select Facebook Login -> Settings under Products option in the navigation bar .

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO login setting
  • To get the Redirect URL:

    • Now go to your Shopify store and click on Setup IDP button in the top left in 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.

      azure ad saml Apps
    • Copy the Callback URL as Redirect URL required for next step.

      azure ad saml Apps
  • Under Client OAuth Settings, enter the Callback/Redirect URL in the Valid OAuth Redirect URIs field. Click on the Save button to save your configurations.
    Most importantly, your Callback/Redirect URI should be https and not http. It is mandatory while configuring Facebook as an OAuth Server.

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO client oauth setting

  • Go to Settings -> Basic to view your App Id and App Secret Refer to the image below).

    OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO client oauth basic setting
  • You have successfully completed your Facebook App OAuth Server side configurations.

2.   Configure Facebook as OAuth 2.0 Provider in Shopify.

  • Now go to your Shopify store and click on Setup IDP button in the top left in 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

  • azure ad saml Apps
    azure ad saml Apps
  • Enter the following values.

    App Name Facebook
    App Display Name Choose appropriate Name
    Client ID From Step 1
    Client secret ID From Step 1
    Scope public_profile email
  • You can copy this ID and secret for the miniOrange OAuth provider configuration.

Choose your preferred Identity Provider and start setting up SSO for Shopify right away


Additional Resources


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