logo-group

How to enable Facebook Login by Creating Facebook App?

Steps To Enable Facebook Login

  1. Navigate to Facebook Developers section and login to your Facebook account, if you are not logged in already. This should not be your business account.
  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.Register As Facebook DeveloperAccept the privacy policyFacebook Login - Accept privacy policyYou may be asked other details as in following pictureFacebook Login - Register as developer detailsNext, you will be shown a messageFacebook Login - Register as developer completeAfter clicking Done, you will be redirected to the Apps page.Create New Facebook App
    Click Create App button and navigate to step 4.
  3. Hover MyApps and then click “Add a New App” link.Facebook Login - Create Facebook App
  4. 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 click Create App ID buttonFacebook Login - Create New App ID
  5. Click Set Up in Facebook Login sectionFacebook Login - Product Setup
  6. Select WebFacebook Login - Select Platform
  7. 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 buttonFacebook Login - Site Url
  8. Navigate to Facebook Login >Settings section from the left sidebarFacebook Login - Settings
  9. Add two urls in Valid OAuth redirect URIs option:
    1) The same url you used in step 7 above. Please make sure that this url includes http:// or https:// (for example: http://mywebsite.com or http://www.mywebsite.com)
    2) /?kuUsersSocialAuth=Facebook appended to the homepage url. For example, if http://mywebsite.com is the homepage url of your website, you need to add http://mywebsite.com/?kuUsersSocialAuth=facebook
    Make sure that ClientOAuth Login and Web OAuth Login options are set to Yes
    Click Save Changes buttonFacebook Login Client OAuth Settings
  10. Navigate to Settings > Basic page from left sidebarFacebook Login - Settings 2
  11. 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 the category that your website belongs to, in the 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.Facebook Login - App Domains
  12. Turn ON the Facebook app Status buttonFacebook Login - Make Facebook App Live
  13. If you see following message, click App Details else move to step 16Facebook Login - App Details
  14. Click “Add and Set Up” buttonFacebook Login - App Details Setup
  15. Enter Privacy Policy URL and Save Changes. Follow step 12 again.Facebook Login - Save App Details
  16. Click Confirm in the Make App Public popupFacebook Login - Facebook App Public
  17. Copy App ID and App Secret and paste these in the Facebook App ID and Facebook App Secret options of your plugin. Do not forget to Save Changes after configuring all the options on plugin settings pageFacebook Login - Facebook App ID and Secret