How to Integrate Shopify Account With Facebook Login | Facebook SSO for Shopify

How to Integrate Shopify Account With Facebook Login | Facebook SSO for Shopify


What is Social Login?


Social Login allows users to connect to any website using various networking platforms such as Facebook, Google, or Twitter. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.


How does Social Login Works?


The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your WordPress website. If they are a new user then they are registered and if they are an existing user they are logged in.


Fast and Easy Facebook Social Login for Shopify

Facebook is the most widely used app for Social Login into any platform, website or application. With our Social Login App for Shopify we bring you this feature at an unbeatable price. Connect Shopify to Facebook using Social Login by miniOrange effortlessly in just one click. Our Install and use is the most straight forward app on the Shopify Store. With our free Facebook Shopify login not only will you add easy login to your store but you will also allow your users to experience simplicity in purchasing from any Shopify store. To know how to do this, please follow the steps below.

Shopify Facebook Social Login (Facebook Single Sign-On (SSO)) for Shopify Store can be achieved by using our Shopify Social Login Application. In this guide we will see how to implement Facebook login on your Shopify Store in the easiest way. To know more about other features we provide in Shopify Social Login Application, you can click here.


Steps to Configure Facebook Social Login into Shopify

Step 1: Add Social Login App to your Shopify Store

Follow the steps below to configure Facebook Social login in Shopify

miniorange img Configure Facebook Social Login
  • Visit to https://apps.shopify.com/miniorange-social-login on Shopify marketplace. Click on Add app to install it on your store.
  • shopify social login
  • Once you have installed it, it will take you to the social login application Dashboard. Here, please click on Facebook.
  • Facebook social login for Shopify
  • If you don't want to setup your custom app then please click on Setup app in just one click. Then, Click on Save. This will setup your Facebook application for Shopify.
  • No Setup Facebook login for Shopify
  • That is all you require to do to add Connect with Facebook button to Shopify. To Setup a custom app for Facebook, please follow the steps below.

Step 2: Configure Custom App for Shopify Facebook Login :

  • Go to Facebook developers console by clicking here and Sign up/Login with your Facebook developer account.
  • facebook login shopify
  • Go to the Facebook Developers apps page and click the button to Add New App.
  • Shopify for facebook login create facebook app
  • Select the options as your need to create an AppID.
  • facebook login for Shopify app options
  • Enter the App Display Name and Add Contact Email for your Facebook app respectively then click on Create App button to save your settings and create an App Id for your app and complete the Security Check.
  • social login details for login to shopify
  • Select Facebook Login by clicking on the Set Up button .
  • setup facebook login
  • Select the Web option to integrate your Facebook Login.
  • setup web app fb login
  • Next, enter the Site URL (from the social login app) and click Save. Then, click Continue.
  • shopify social login facebook site URL
  • Go to Settings -> Basic to view your App Id and App Secret (Refer to the image below).
  • App Domain: Copy Domain as given the social login app and paste it here.
  • Privacy Policy URL: Enter your Privacy Policy URL here.
  • Terms of Service: Enter your Terms of Service URL here.
  • User Data Deletion:drop down, Select Data Deletion Instruction URL (Enter the URL of your page with the instructions on how users can delete their accounts).
  • Choose a category from the drop-down in the Category field and pick the App Purpose option that describes your App or your Store the best, then press Save Changes to save your configurations.
  • facebook social login basic info
  • Change you app status from In Development to Live by clicking on OFF as shown in the image below. Then, click on confirm to confirm your change of status.
  • facebook social login app status in development mode to live mode
  • Enter the Callback/Redirect URL (from Social Login by miniOrange app on your store) in the Valid OAuth Redirect URIs field. Click on the Save changes to save your configurations.

    Note: Most importantly, your Callback/Redirect URI should be https and not http. It is mandatory while configuring Facebook Login in miniOrange social login plugin for Shopify.
  • callback url for facebook login to shopify
  • Copy your App ID and your App Secret and save it in your Social Login App on Shopify. (under client id and client secret field respectively).
  • setup facebook app social login shopify

Step 3: Complete Setup of Facebook Login on Shopify

  • Copy the Client Id and Client Secret from the Facebook Developer and Paste them into the fields in Facebook Login Instructions screen on the Social login app.
  • facebook social login shopify
  • Click on the Save button to save the credentials. Then, Click on the Test Configuration button.
  • A window will appear and ask you to login to your Facebook account. This is to Test Configuration for Facebook. Login with the account which you used to register the account in Facebook for Developer. Press the Continue as button to complete the login process.
  • A notification from the app will pop-up that the test configuration was successful. That means your Custom app was set properly.
  • facebook social login Test Configuration
  • Go to the App Dashboard and click on the toggle button on Facebook icon to activate Facebook login button so that people can sign-in to your store using Connect with Facebook.
  • Now, You can see the Facebook social Login button is activated on your Shopify Store. This will allow users to connect to your store using Facebook.
  • Facebook social login icon on shopify

You have successfully configured Facebook Social Login for your Shopify Store.


Additional Resources


If you are looking for anything which you cannot find, please drop us an email on socialloginsupport@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