Search Results :

×

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

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

miniorange img 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.
  • facebook developer login app my apps | Magento 2 Facebook login
  • Click the button to Create App.
  • magento 2 facebook login create facebook app  | Magento 2 Facebook login
  • Select the App Type as Consumer form the provided options.
  • social login facebook magento social login app options  | Magento 2 Facebook login
  • Enter the App Display Name and Add Contact Email for your Facebook app respectively then click on Create App button to save your settings.
  • magento 2 login with facebook app details  | Magento 2 Facebook login
  • Now, you will be asked to add products to your app select Facebook Login by clicking on the Set Up button .
  • magento facebook login select product  | Magento 2 Facebook login
  • Select the Web option as you are trying to integrate your Facebook Login with a website.
  • magento 2 facebook login select website option  | Magento 2 Facebook login
  • Next, enter the Site URL and click Save. Then, click Continue.
  • site URL for facebook sign-in into magento facebook SSO  | Magento 2 Facebook login
  • 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).
  • magento 2 login with facebook enter the application details  | Magento 2 Facebook login
  • 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.
  • magento facebook login select category of the app  | Magento 2 Facebook login
  • Now, Navigate to Settings tab under the Facebook Login tab from the left pane.
  • facebook social login app review tab permissions  | Magento 2 Facebook login
  • Copy the Redirect URL provided in the miniOrange Social Login Plugin.
  • magento 2 login with facebook copy magento redirect url from plugin  | Magento 2 Facebook login
  • Paste the Redirect URL in the Valid OAuth Redirect URL field and click on Save Changes button.
  • facebook social login paste the redirect url  | Magento 2 Facebook login
  • Click on the App review tab from the left hand side menu and click on Permissions and Request.
  • magento facebook login app review tab permissions and request  | Magento 2 Facebook login
  • 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.
  • click on request advance access for magento 2 facebook login  | Magento 2 Facebook login
  • Change you app status from In Development to Live by turning ON the toggle button.
  • magento facebook login live app status facebook social login  | Magento 2 Facebook login
  • NOTE:- If you are asked to complete Data Use Checkup. Click on start Checkup Button.
  • magento 2 facebook login data checkup  | Magento 2 Facebook login
  • Certify data use for all the Enabled Advanced permission. Click on submit button.
  • facebook social login enable advance permission  | Magento 2 Facebook login facebook social login submit data checkup magento sign in  | Magento 2 Facebook login
  • Now, Navigate to Settings -> Basic option to get your Client ID and Client Secret which will be required to setup Facebook Social Login.
  • copy facebook client id and client secret to setup magento facebook login  | Magento 2 Facebook login

2. Set credentials in miniOrange Social Login Plugin

  • Go to miniOrange Social Login Plugin → Click on Configure Apps → click on Facebook:
  • Magento Facebook login tab  | Magento 2 Facebook login
  • Enable Facebook Social Login for Magento by enabling the toggle button.
  • Magento social login enable toggle button  | Magento 2 Facebook login
  • Paste the Client Id and Client Secret copied form above setup and Paste them into the fields in Facebook Instructions.
  • Magento Facebook social login Client Id & secret  | Magento 2 Facebook login
  • Enter the required scope.
  • Scope for magento 2 login with facebook  | Magento 2 Facebook login
  • Then click on Save & Test Configuration button.
  • Facebook social login test configuration
  • A notification from the plugin that the test was successful will be shown. That means your Custom app will set properly.
  • Magento 2 sign in with facebook test configuration successful  | Magento 2 Facebook login
  • 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.
  • magento 2 Facebook social login button on Magento customer login page  | Magento 2 Facebook login

You have successfully configured Facebook Social Login for Magento Website.

Additional Resources


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