How to Add Facebook Login in Magento 2 | Integrate Facebook Social Login

What is social login?

Social Login allows users to connect to any website using various networking platforms such as Google, Facebook, Twitter, etc. 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 Magento website. If they are a new user then they are registered and if they are an existing user they are logged in.

Integration of Facebook Social Login ( Facebook SSO ) For Magento using OAuth 2.0 Protocol.

miniOrange Social Login enables your users to use their Facebook account to login/register to your Magento Website. Give your users a Best choice, without remembering passwords, to login/register on your Magento website. Setup Magento Facebook Plugin by miniOrange in few easy steps and setup Facebook.

Magento Facebook Social Login (Facebook Single Sign-On (SSO)) for Magento can be achieved by using our Magento Social Login plugin. In this guide we will see how to implement Facebook login on your Magento website in the easiest way. Click here to know more about other features we provide in Magento Social Login Plugin.

Pre-requisites : Download And Installation

• You can download the miniOrange Social Login Free plugin from the Magento Marketplace.
• Select Your Magento Store version from the Dropdown.
• Click on Add to cart.
• Go to the cart and checkout to buy the plugin.
• Click on Download and save the miniOrange Social Login Plugin zip.
• Unzip all contents of the zip inside the MiniOrange/OAuth directory.
{Root Directory of Magento} app code MiniOrange MagentoSocialLogin


• Run the following commands on command prompt to enable the plugin
      2. php bin/magento setup:di:compile
      1. php bin/magento setup:upgrade

Steps to configure Facebook Social Login into Magento

Step 1. Configure Facebook Social Login In Magento

Follow the steps below to configure Facebook login in Magento

 Configure Facebook Social Login

• To get started, Go to Facebook developers console click here and sign up/Login with your facebook developer account. Click on My apps.

• Click the button to Create App.

• Select the App Type as Consumer form the provided 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.

• Now, you will be asked to add products to your app select Facebook Login by clicking on the Set Up button .

• Select the Web option as you are trying to integrate your Facebook Login with a website.

• Next, enter the Site URL and click Save. Then, click Continue.

• Go to Settings -> Basic tab from the left pane and enter the required information as given below.
• App Domain: Write your website’s domain there.
• Privacy Policy URL: Fill in this box with the URL liked to your website’s privacy policy page.
• Terms of Service: Fill in this box with the URL linked to your website’s terms of service page.
• 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 on your site).

• Choose a category from the dropdown in the Category field and pick the App Purpose option that describes your App the best, then press Save Changes to save your configurations.

• Now, Navigate to Settings tab under the Facebook Login tab from the left pane.

• Copy the Redirect URL provided in the miniOrange Social Login Plugin.

• Paste the Redirect URL in the Valid OAuth Redirect URL field and click on Save Changes button.

• Click on the App review tab from the left hand side menu and click on Permissions and Request.

• Click on Request Advance Access for public_profile and email. If you want any extra data to be returned you can request permission for those scopes.

• Change you app status from In Development to Live by turning ON the toggle button.

• NOTE:- If you are asked to complete Data Use Checkup. Click on start Checkup Button.

• Certify data use for all the Enabled Advanced permission. Click on submit button.

• Now, Navigate to Settings -> Basic option to get your Client ID and Client Secret which will be required to setup Facebook Social Login.

2. Set credentials in miniOrange Social Login Plugin

• Go to miniOrange Social Login Plugin → Click on Configure Apps → click on Facebook:

• Enable Facebook Social Login for Magento by enabling the toggle button.

• Paste the Client Id and Client Secret copied form above setup and Paste them into the fields in Facebook Instructions.

• Enter the required scope.

• Then click on Save & Test Configuration button.

• A notification from the plugin that the test was successful will be shown. That means your Custom app will set properly.

• Now, Navigate to customer login page. Here you will notice that Facebook Social Login button has been activated. Customers can now login using their Facebook Credentials.

You have successfully configured Facebook Social Login for Magento Website.

Additional Resources

• About Facebook
• More on Social Login