X hide

Magento Facebook Login Configuration

From Plumrocket Documentation

You are viewing:  Social-login-pro-icon-32.png  Social Login Pro

Facebook-icon.png Facebook (facebook.com)

Description: Facebook is a popular free social networking website that allows registered users to create profiles, upload photos and video, send messages and keep in touch with friends, family and colleagues. The site, which is available in 37 different languages.
Protocol OAuth 2
Returned Data UserId, name, email, gender, birthday, photo
Requires SSL? No


How to Configure Facebook API for Magento

In this article you will learn how to find your Facebook API in order to setup the Facebook Login functionality. Please follow the step-by-step instructions below.


Information Sign sm.png Step-by-Step action:
  1. Go to https://developers.facebook.com/, click on "Apps" and select "Add a New App".
  2. Enter the name of the Application.
  3. Specify your contact email.
  4. Press "Create App ID"


1 facebook api config up.jpg


Information Sign sm.png Step-by-Step action:
  1. Press "Add Product" button
  2. Click on "Get Started" button to proceed.


2 facebook api config up.jpg


Information Sign sm.png Step-by-Step action:
  1. Select "Web" from the offered platforms.


3 facebook api config up.jpg


Information Sign sm.png Step-by-Step action:
  1. Click on "Settings" in the menu on the left-hand side.
  2. Enter your Contact Email.
  3. Make sure to indicate the domain name for your Facebook Login extension application in format "yourdomain.com" . Note: This field is obligatory to make the Facebook login working.
  4. Click on "+Add Platform" button.


1 facebook api social login pro.jpg


Information Sign sm.png Step-by-Step action:
  1. Select the "Website" icon.


2 facebook api social login pro.jpg


Information Sign sm.png Step-by-Step action:
  1. Input the website address into the "Site URL" field.
  2. Press "Save Changes" button.


3 facebook api social login pro.jpg


Information Sign sm.png Step-by-Step action:
  1. Click on "Dashboard" in the menu on the left-hand side.
  2. Copy the "App ID" to your clipboard.
  3. Copy the "App Secret" to your clipboard.


4 facebook api social login pro.jpg

How to Configure Facebook API for Magento - Public Mode

At this point, in order to make this app and all its live features to be available to the general public, you will need to set your application status to be "Public". Please follow the steps below.


Information Sign sm.png Step-by-Step action:
  1. Click on "Status & Review" in the menu on the left-hand side.
  2. Select "Yes" for your application to be public.


5 facebook api social login pro.jpg


Facebook Integration in Magento Social Login Pro Extension

In this step you must update your Magento Social Login Pro Extension configuration. In your magento admin panel, go to "System" -> "Configuration" -> "Plumrocket Inc" -> "Social Login Pro" -> "Facebook" Tab.


Information Sign sm.png Step-by-Step action:
  1. Set "App ID".
  2. Set "App secret".


1-Configuring-tf login facebook v1.x.x.png


Facebook Integration in Social Login Pro Extension for Magento 2

In this step you must update your Magento 2 Social Login Pro Extension configuration. In your magento 2 admin panel, go to "Plumrocket" -> "Social Login Pro" -> "Facebook" Tab.

Information Sign sm.png Step-by-Step action:
  1. Set "App ID".
  2. Set "App secret".


9 facebook login magento 2 v1.jpg


Configuration of Facebook Magento Social Login and Magento 2 Social Login application is now completed.


Next Step > Return to Social Login Pro API Reference

Navigation