Skip to content
Logo
  • Support
  • My account
  • My cart
  • Magento 2 Extensions
  • Magento 1 Extensions
  • Magento Services
  • Packages
  • Special Offers
  • Blog
  • Contact Us

Home Magento 2 Extensions Magento 2 Social Login Pro Documentation Integrations Facebook Login Configuration

    • Installation
    • Updating
    • Configuration
      • Facebook Login Magento Configuration
      • Twitter Login Magento Configuration
      • Google Login Magento Configuration
      • Google One Tap Sign In Magento Configuration
      • LinkedIn Login Magento Configuration
      • Yahoo! Login Magento Configuration
      • Live, Hotmail, MSN Login Magento Configuration
      • Amazon Login Magento Configuration
      • Aol Login Magento Configuration
      • GitHub Login Magento Configuration
      • Instagram Login Magento Configuration
      • Foursquare Login Magento Configuration
      • Dropbox Login Magento Configuration
      • Disqus Login Magento Configuration
      • Livejournal Login Magento Configuration
      • Tumblr Login Magento Configuration
      • Flickr Login Magento Configuration
      • WordPress Login Magento Configuration
      • Vkontakte Login Magento Configuration
      • Odnoklassniki Login Magento Configuration
      • Mail.ru Login Magento Configuration
      • Yandex Login Magento Configuration
      • PayPal Login Magento Configuration
      • Salesforce Login Magento Configuration
      • Evernote Login Magento Configuration
      • Stackoverflow Login Magento Configuration
      • Mixi Login Magento Configuration
      • QQ Login Magento Configuration
      • Sina Weibo Magento Configuration
      • Kaixin001 Login Magento Configuration
      • Renren Login Magento Configuration
      • Alipay Login Magento Configuration
      • WeChat Login Magento Configuration
      • Mydigipass Login Magento Configuration
      • SoundCloud Login Magento Configuration
      • Verisign Login Magento Configuration
      • XING Login Magento Configuration
      • PersonaBrowserID Login Magento Configuration
      • Bitbucket Login Magento Configuration
      • Skyrock Login Magento Configuration
      • Bitly Login Magento Configuration
      • Box.com Login Magento Configuration
      • Vimeo Login Magento Configuration
      • Reddit Login Magento Configuration
      • Upwork Login Magento Configuration
      • TeamViewer Login Magento Configuration
      • Etsy Login Magento Configuration
      • Imgur Login Magento Configuration
      • Intuit Login Magento Configuration
      • MailChimp Login Magento Configuration
      • Dribbble Login Magento Configuration
      • Goodreads Login Magento Configuration
      • Last.fm Login Magento Configuration
      • Naver Login Magento Configuration
      • Line Login Magento Configuration
      • Apple Login Magento Configuration
      • Steam Login Magento Configuration
      Integrations
    • Developer Guide & API Reference
    • Translation
    • Uninstalling
    Magento 2 Social Login Pro - Documentation

How to Add Magento Facebook Login to Your Website

How to Set Up Facebook API for Magento

In this article, you will learn how to find your Facebook API and integrate Facebook Login into Magento Social Login Pro plugin and Magento Facebook & Twitter Login extension. Please follow the step-by-step instructions below.

Step 1. Create Facebook Login Application

Step-by-step guide:

  1. Go to https://developers.facebook.com/ and go to My Apps.
  2. Click Create App.
  3. Select the Consumer option.
  4. Click Continue.
Facebook Login App Creation 1

Step-by-step guide:

  1. Next, enter your App Display Name – the app name associated with your app ID.
  2. Provide your App Contact Email that will be used to inform you about violations, app restrictions, etc.
  3. Click Create App.
Facebook Login App Creation 2

Step-by-step guide:

  1. Click Set Up under the Facebook Login.
Facebook Login App Creation 3

Step-by-step guide:

  1. Select Web from the provided platforms.
Facebook Login App Creation 4

Step-by-step guide:

  1. Site URL: provide your Magento website URL.
  2. Click Save.
Facebook Login App Creation 5

Step 2. Configure Facebook Login App

Step-by-step guide:

  1. In the left sidebar menu, go to Settings -> Basic.
  2. App Domains: specify your domain(s) for the Facebook Login app.
  3. Provide your Privacy Policy URL.
  4. Set the User Data Deletion field to Data Deletion Callback URL. Then, copy the Data Deletion Callback URL from your Magento admin panel and paste it into this field.
  5. Click Save changes.
Facebook Login App Creation 6

Step 3. Configure Client OAuth Settings

Now you need to make sure your Client OAuth Settings are configured properly.

Step-by-step guide:

  1. Go to Facebook Login -> Settings in the left sidebar menu.
  2. Indicate your Valid OAuth Redirect URIs for this application. This URL can be found in the OAuth Redirect URL field in your Admin Panel -> Plumrocket -> Social Login Pro (or Twitter&Facebook Login) -> Configurations -> Facebook. Important: This URL should be running under the HTTPS protocol due to Facebook’s “Enforce HTTPS” setting enabled by default. This setting requires HTTPS for OAuth Redirects and pages getting access tokens with the JavaScript SDK. All new apps created as of March 2018 have this setting on by default, and you should plan to migrate any existing apps to use only HTTPS URLs by March 2019. Most major cloud application hosts provide free and automatic configuration of TLS certificates for your applications. If you self-host your app or your hosting service doesn’t offer HTTPS by default, you can obtain a free certificate for your domain(s) from Let’s Encrypt.
  3. Click Save changes.
Facebook Login App Creation 7

Step 4. Get Your Application Data

Step-by-step guide:

  1. In the left sidebar menu, go to Settings -> Basic.
  2. Copy the App ID to your clipboard.
  3. Click Show to make the App Secret appear by indicating your Facebook password and copy it to your clipboard.
Facebook Login App Creation 8

How to Set Up Facebook API for Magento – Public Mode

At this point, you need to set your App Mode to Live in order to make this app and all its live features to be available to the public. Please follow the steps below.

Step-by-step guide:

  1. On the top info bar, switch the App Mode toggle to Live.
Facebook Login App Creation 9

Facebook Integration in Magento Social Login Pro Extension

At this point, you need to enter your Facebook Login app data in the Magento Social Login Pro Extension configuration.

In your Magento admin panel, go to System -> Configuration -> Plumrocket Inc -> Social Login Pro -> Facebook tab.

Step-by-step guide:

  1. Paste your App ID.
  2. Paste your App Secret.
  3. Click Save Config.
Configuring Facebook Login Applocation in Magento Social Login Pro extension

Facebook Integration in Social Login Pro Extension for Magento 2

At this point, you need to enter your Facebook Login app data in Magento 2 Social Login Pro Extension configuration.

In your Magento 2 admin panel, go to Plumrocket -> Social Login Pro -> Configuration -> Facebook tab.

Step-by-step guide:

  1. Paste your App ID.
  2. Paste your App secret.
  3. Click Save Config.
Configuring Facebook Login Applocation in Magento 2 Social Login Pro extension

The configuration of the Facebook Magento Social Login and Magento 2 Social Login application is now completed.

Next Step > Return to Social Login Pro API Reference

Was this article helpful?
02/28/202011/18/2021
Search
Search
Generic selectors
Exact matches only
Search in title
Search in content
Contents
Company
  • Home
  • About Plumrocket Inc.
  • Programs & Promotions
  • Careers
  • Contact Us
Legal
  • Terms of Service
  • Privacy Policy
  • Refund Policy
  • Cookie Policy
  • Privacy Center
Resources
  • Blog
  • FAQ
  • Documentation
  • Tutorials
Partners
  • Partner Program
  • Affiliate Program
  • Official Partners
Plumrocket Inc. © 2008 - 2022
Follow Us:
  • Facebook
  • Twitter
  • LinkedIn
  • YouTube