1. Visit Facebook For Developers Page

https://developers.facebook.com/apps/

 

2. Click “Create App”


2. Fill App details - App name and Ap cotnact email and click "Next"


3. In the next step "use cases" chose "Filter by: All" and select: "Select “Authenticate and request data from users with Facebook Login" and click Nextnd request data from users with Facebook Logi

4. In business you can select:  "I don’t want to connect a business portfolio yet." or Buisness if you have already created one. It is up to you.



5. Requireiements


6. In overview step just click "Go to dashboard" button


7. You have been redirected to the dashboard. Select “App customization and requirements”.


8. Next, in the “Permissions and Features” panel, add the “email”.



9. Go to the “Settings” tab and add the Valid OAuth Redirect URIs – in the next step, you will find out where to get this address from.



10. Copy your OAuth Redirect URI from Vehica Panel > User Panel

mceclip0.png


11. Go to “Quickstart” and select the “Web” platform.


10. Add your domain in the “Site URL” field and click “Save”.



11. Go to “App Settings” → “Basic”.





12. Fill in the missing information to ensure the app works properly – Privacy Policy URL, Terms of Service URL, User Data Deletion instructions, App Icon, and Category.



13. Copy the App ID and App Secret – first click “Show” – and paste these values into the Vehica Panel / User Panel.


mceclip11.png



14. For the app to work correctly, you must complete all required verifications listed under “Review” / “App Review”. You may be required to complete Business Verification – if necessary, it will be indicated in this section (in our case, verification is already marked as completed). Start by answering the questions related to data handling.



15. Next, provide reviewer instructions.


16.  In the next step, answer the questions related to the permissions marked in green: “How will this app use email?” and “How will this app use public_profile?”.


17. Once you’ve completed all the required steps, the “Submit for Review” button will become active. You can then click it to send your app for review.


14. Go to the “Publish” section and then click “Publish” in the bottom-right corner. After publishing, you will receive a message confirming that the app was published.





Now the Facebook login should be available on your website. 




Resolving Permission Issues in Live Mode for Facebook Login App


If your app operates smoothly in development mode but encounters problems in Live mode, the issue may stem from permissions settings.


To address this, navigate to App Review > Permissions and Features > public_profile and verify if the API calls column is active. For your app to function properly, it should be set to "Auto granted" as shown below: 

However, if you find it displayed as "Inactive(0)" like this:

This indicates that Facebook requires additional verification for your app and the problem is not related to WordPress and Listivo Theme. To resolve this issue, follow Facebook's App Review process detailed in their official documentation: https://developers.facebook.com/docs/app-review/introduction 


Facebook requires that the 'public_profile' Permissions and Features must be upgraded to "Advanced" for "Facebook Login" functionality. To enable this option, you must complete Business Verification. For more information on access levels, please consult the following resource: https://developers.facebook.com/docs/graph-api/overview/access-levels/