To allow your visitors to log in with their Facebook account, first, you must create a Facebook App. The following guide will help you through the Facebook App creation process.
Please follow the below steps;
- Navigate to https://developers.facebook.com/apps/
- Log in with your Facebook credentials if you are not logged in
- Click on the “Add a New App” button
- Fill “Display Name” and “Contact Email”. The specified “Display Name” will appear on your Consent Screen!
- Click on blue “Create App ID” button
- Select “Integrate Facebook Login” at the Select a Scenario page, then click Confirm.
- Enter your domain name to the App Domains
- Fill up the “Privacy Policy URL”. Provide a publicly available and easily accessible privacy policy that explains what data you are collecting and how you will use that data.
- Click on “Save Changes”
- In the left sidebar under the Products section, click on “Facebook Login” and select Settings
- Add the following URL to the “Valid OAuth redirect URIs” field:
(3. & 4. URLs must be your dashboard URL & replace www.yourdomain.com with your existing domain name.)
https://yourdomain.com/?uaf=fblogin
https://yourdomain.com/?uaf=fblogin&scope=email
https://yourdomain.com/dashboard/?uaf=fblogin
https://yourdomain.com/dashboard/?uaf=fblogin&scope=email
- Click on “Save Changes”
- In the top of the left sidebar, click on “Settings” and select “Basic”
- Here you can see your “APP ID” and you can see your “App secret” if you click on the “Show” button. These will be needed in plugin’s settings.
- Your application is currently private ( Status: In Development ), which means that only you can log in with it. In the top bar click on the “OFF” switcher and select a category for your App.
- By clicking “Confirm”, the Status of your App will go Live.
- Copy APP ID and APP Secret then Open WordPress Admin Panel > PF Settings > Additional Settings Panel > Social Login Settings and paste copied info. Then save admin panel configuration. Congratulations! Setup is finished.