How to add Facebook login to website

Steps To Enable Facebook Login

1. Navigate to Facebook Developers section and login to your Facebook account, if you are not logged in already.
2. If you are here (at Facebook Developer section) first time, you will require to “Register as a Developer” (If you have already done this, skip this step and move to step 3). Click “Register” button.
3. Accept the privacy policy
4. You may be asked other details as in following picture
5. Next, you will be shown a message
6. After clicking Done, you will be redirected to the Apps page.
7. Click Create App button and navigate to step 4.
8. Hover My Apps and then click “Add a New App” link.
9. Specify the name of your app in Display Name option (You can enter whatever name you like, but it’s recommended to enter your website or company name in this field), specify your Contact Email and clickCreate App ID button
10. Click Set Up in Facebook Login section
11. Select Web
12. Open your website homepage (at which you have installed the plugin) in browser, click the address bar so that website url gets highlighted, copy this url and paste it in Site URL option. Please make sure that this url includes http:// or https:// (for example: http://mywebsite.com or http://www.mywebsite.com), click Save button
13. Navigate to Facebook Login > Settings section from the left sidebar
14. Use the same url you used in step 7 above and paste it in Valid OAuth redirect URIs option. Please make sure that this url includes http:// or https:// (for example: http://mywebsite.com or http://www.mywebsite.com) and click Save Changes button
15. Navigate to Settings page from left sidebar
16. Specify your website domain (with and without www) in App Domains option. For example, if your website homepage url is www.mywebsite.com or mywebsite.com, you have to save mywebsite.com and www.mywebsite.com in this option.
    Note: If your website url has directory/folder after domain (For example- http://www.mywebsite.com/dir), then save domains without directory/folder appended to it (www.mywebsite.com and mywebsite.com) in above option.
    Specify Privacy Policy URL.
    Select Social Networks and Dating in Category option. Optionally, you can upload App Icon. This will be shown to users when they authorize your app on first Facebook Login.
    Click Save Changes button.
17. Navigate to Dashboard page from left sidebar
18. Click the [?] after “This app is in development mode and can only be used by app admins, developers and testers”
19. Click No before “Your app is in development and unavailable to the public” and slide it to Yes
20. If you see following message, click App Details
    
21. Click “Add and Set Up” button
22. Enter Privacy Policy URL and Save Changes. Follow steps 12, 13, 14 again and continue from step 18.
23. Click Confirm in the Make App Public popup
    Copy App ID and paste it in the Facebook App ID option of your plugin. Do not forget to Save Changes after configuring all the options on plugin settings page.