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:
- Go to https://developers.facebook.com/ and go to My Apps.
- Click Create App.
- Select the Consumer option.
- Click Continue.
Step-by-step guide:
- Next, enter your App Display Name – the app name associated with your app ID.
- Provide your App Contact Email that will be used to inform you about violations, app restrictions, etc.
- Click Create App.
Step-by-step guide:
- Click Set Up under the Facebook Login.
Step-by-step guide:
- Select Web from the provided platforms.
Step-by-step guide:
- Site URL: provide your Magento website URL.
- Click Save.
Step 2. Configure Facebook Login App
Step-by-step guide:
- In the left sidebar menu, go to Settings -> Basic.
- App Domains: specify your domain(s) for the Facebook Login app.
- Provide your Privacy Policy URL.
- 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.
- Click Save changes.
Step 3. Configure Client OAuth Settings
Now you need to make sure your Client OAuth Settings are configured properly.
Step-by-step guide:
- Go to Facebook Login -> Settings in the left sidebar menu.
- 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.
- Click Save changes.
Step 4. Get Your Application Data
Step-by-step guide:
- In the left sidebar menu, go to Settings -> Basic.
- Copy the App ID to your clipboard.
- Click Show to make the App Secret appear by indicating your Facebook password and copy it to your clipboard.
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:
- On the top info bar, switch the App Mode toggle to Live.
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:
- Paste your App ID.
- Paste your App Secret.
- Click Save Config.
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:
- Paste your App ID.
- Paste your App secret.
- Click Save Config.
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