- 1 Login into Facebook for Developers
- 2 Create the Facebook App after Registration
- 3 Setup the application
- 4 Select Web Platform
- 5 Add your Website URL
- 6 App Review
- 8 Copy the Facebook App ID
- 9 Paste the Facebook App ID
- 10 Facebook Login in Front End
Login into Facebook for Developers
First you will need to go to Facebook for Developers and to Login into your Facebook Account.
Register as a Facebook Developer
Verify Facebook Account
If your Facebook Account is not verified you will be prompted to verify it. After completing all the requested details click on Complete Registration.
After you Register as a Facebook Developer you will be able to create your first Facebook App. Click on Create App.
Set the Category to Business
Set the Display Name (which is the name of your Facebook App), the Contact Email, and also set the App Purpose. After finishing to set up the App click on “Create App”.
Setup the application
After clicking on “Create App” you will get redirected to the Settings page within your Facebook Developer Account. Here you will need to click on “Basic”.
Here you will need to set the:
→ App Domains – https://wwww.yourdomain.com
→ Terms of Service URL – https://www.yourdomain.com
Select Web Platform
You have to scroll down the page and click on “Add Platform”, the following pop-up will open and you have to choose “Website”.
Add your Website URL
And now enter the URL of your website and click on Save Changes.
After saving the URL of your website click on “Permission and Features”, displayed on the left side.
→ Search for email and click on “Get Advanced Access”
→ Search for public_profile and click on “Get Advanced Access”
Copy the Facebook App ID
Paste the Facebook App ID
After you copy the Facebook App ID go to your website -> Dashboard -> Profile Builder -> Social Connect -> Enable Facebook Login and paste your Facebook App ID. Scroll to the bottom to Save.
Facebook Login in Front End
Social Login with Facebook should be available on WordPress Default and Profile Builder forms.