Search
Skip to content
  • Knowledge Base
App Configuration

How to enable Facebook Login by Creating Facebook App?

May 2, 2023 admin

If you are using Super Socializer, Heateor Login or Heateor Social Login plugin for Social Login, follow the steps mentioned below to enable Facebook login at your WordPress website or to create Facebook App ID and Secret to track Facebook shares.

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.
    If you are here first time, you will see the screen shown in the screenshot below. If  you have created apps before, move to step 3.Facebook Login - Facebook Developer
  2. Select the role that describes you betterRegister as Facebook DeveloperClick Create App button and navigate to step 4.Facebook Login - Create First App
  3. Click My Apps and then click Create App buttonFacebook Login - My AppsFacebook App Id - Create New App
  4. Select Consumer and click NextFacebook Login Create an App
  5. Specify the name of your app in the 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 App Contact Email. This should be a valid email. You wouldn’t want to miss any important notifications related to your app. Leave Business Account option as is and click Create App button
    Facebook Login - Provide Basic Information
  6. Click Set Up in the Facebook Login sectionFacebook Login - Add a Product
  7. Select Web Facebook Login Web
  8. 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
  9. Navigate to the Settings > Basic section from the left sidebarFacebook Login Basic Settings
  10. Specify your website domain in the App Domains option. For example, if your website’s homepage URL is www.mywebsite.com or mywebsite.com, you have to save mywebsite.com and www.mywebsite.com in this option. Note that you have to save two domains here.
    Note: If your website url has directory/folder after domain (For example- http://www.mywebsite.com/dir), then save domain without directory/folder appended to it (mywebsite.com and www.mywebsite.com) in the above mentioned option.
    Specify the Privacy Policy URL of your website.
    Select Data Deletion Instructions URL in the User Data Deletion option and specify the same privacy  policy URL in the option right below it. In the privacy policy of your website you can specify how your website visitors can get their data deleted as mentioned at the link https://support.heateor.com/gdpr-and-our-plugins/
    Select the category that your website belongs to, in the Category option. Optionally, you can upload App Icon. This will be shown to the users when they authorize your app on their first Facebook Login.Facebook Login App Domains
    Scroll down a bit. Ignore the Business Verification and Individual Verification part
    Scroll down some more. Optionally, specify what is the Business Use of your app and contact details of your Data Protection Officer (if applicable and optional).Facebook Login - GDPR
    Click Save Changes button
  11. Switch App Mode to Live Facebook Login - App Mode
  12. Click Show button in front of App Secret. 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 page. You need to follow the remaining steps to get Facebook login workingFacebook Login Facebook App ID and Secret
  13. Navigate to Facebook Login > Settings section from the left sidebarFacebook Login Settings
  14. Add following url in the Valid OAuth Redirect URIs option:
    If using Super Socializer plugin
    Append /?SuperSocializerAuth=Facebook to the homepage url. For example, if http://mywebsite.com is the homepage url of your website, you need to save http://mywebsite.com/?SuperSocializerAuth=Facebook in this option
    If using Heateor Login plugin
    Append /?HeateorFblAuth=Facebook
    to the homepage url. For example, if http://mywebsite.com is the homepage url of your website, you need to save http://mywebsite.com/?HeateorFblAuth=Facebook in this option
    If using Heateor Social Login plugin
    Append /?HeateorSlAuth=Facebook
    to the homepage url. For example, if http://mywebsite.com is the homepage url of your website, you need to save http://mywebsite.com/?HeateorSlAuth=Facebook in this option
  15. Make sure that Client OAuth Login and Web OAuth Login options are set to Yes
    Leave other options as is.
    Click Save Changes buttonFacebook Login Client OAuth Settings
  16. Navigate to the App Review > Permissions and Features from the left sidebar and click Not Now button if you see the popup shown in the screenshotFacebook Login - App Review Permissions and FeaturesHow this App Requests Data
  17. Navigate to App Review > Permissions and Features from the left sidebar and get advanced access for public_profile and email permissionsFacebook Login - Public Profile Advanced AccessFacebook Login - Email Advanced Access
  18. Check the checkbox and click the Confirm button in the popup that appears after clicking the Get Advanced Access buttonConfirm Advanced Access for Email
  19. Click Verification required in front of the Email or public_profile permissionFacebook Login - Verification Required
  20. Scroll down and click Start verification button in the Verifications sectionFacebook Login - Start Verification
  21. Verify your business for the Facebook login to work for your website visitors.
API KeyApp IDClient IDFacebook APIFacebook AppFacebook Login

Post navigation

Previous PostHow to Enable Google Login by Creating Google Client ID?Next PostSocial Login Shortcode and Widget

Get Social!!

Best social tools to boost user engagement at your WordPress website. Used by 150000+ websites

Try it now
Facebook
Tweets by @heateor
© 2023 Heateor | Terms | Privacy
Proudly powered by WordPress