X hide

Magento Facebook Webhooks Configuration

From Plumrocket Documentation

Contents

Configuring Facebook Webhooks API

In this article you will learn how to configure Facebook Webhooks API.


Information Sign sm.png Step-by-Step action:
  1. Log into your account at 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. 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 the "Save Changes" button.


3 facebook api social login pro.jpg


Information Sign sm.png Step-by-Step action:
  1. Navigate to the "Add Product" section.
  2. Go to the"Webhooks" product.
  3. Press the "Set Up" button.


1 facebook webhooks configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. Navigate to the dropdown.
  2. Select the "Page" option from the dropdown menu.
  3. Press the "Subscribe to the topic" button.


2 facebook webhooks configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. Enter the Callback URL which can be found in the Facebook Like Discount Extension configuration.
  2. Enter the Token ID which can be found in the Facebook Like Discount Extension configuration.


3 facebook webhooks configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. Select "feed" and press the "Subscribe" button.


4 facebook webhooks configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. Go to developers.facebook.com/tools/explorer and select your application title from the "Application" dropdpwn.


5 facebook webhooks configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. Select your Facebook Page from the "Get Token" drop down.
  2. Press the "Continue" button.


6 facebook webhooks configuration up.jpg


Information Sign sm.png Step-by-Step action:
  1. Enter the following data in this field: select "POST" from the dropdown.
  2. The API version should be pre-filled automatically.
  3. Enter your Facebook Fan Page ID and action title in this way "Page ID/subscribed_apps" find out how to get your Facebook Fan Page ID.
  4. Press the "Submit" button.


8 facebook webhooks configuration.jpg


Information Sign sm.png Step-by-Step action:
  1. The Success Message should be displayed.


9 facebook webhooks configuration.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 API Integration in Facebook Like Discount extension for Magento 1

In your Magento admin panel, go to "Plumrocket" -> "Facebook Discount"-> "General" Tab.

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


Magento 1 facebook like discount.jpg


Facebook API Integration in Facebook Like Discount extension for Magento 2

In your Magento 2 admin panel, go to "Plumrocket" -> "Facebook Discount"-> "Configuration" Tab.


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


Magento 2 facebook like discount.jpg


Get your Facebook Fan Page ID

Information Sign sm.png Step-by-Step action:
  1. Go to your Facebook Fan Page.
  2. Navigate to the "About" section.
  3. Find and copy your Page ID.


10 facebook webhooks configuration up.jpg

Navigation