1. Home
  2. Knowledge Base
  3. Getting Started
  4. Branding
  5. How to Create a Facebook Developer App

How to Create a Facebook Developer App

The information contained in this article is a reference and may not be 100% accurate. Additional steps MAY need to be taken. We recommend that your website developer or another technical person handles these steps for you. You will need your own branded splash page hostname to complete this guide.

 

Step One: Creating Facebook Developer App

  1. Login to your Facebook Developer account.
  2. Click on My Apps and Click Create App.
  3. Select ‘Consumer’ and press Next.
  4. Configure the App Display name and App Contact Email and press Create App
    Note: after clicking the Submit button you will be redirected to a new page, see below.
  5. On the Facebook Login tile click ‘Set up’.
  6. This will add the Facebook Login product to your app.
    Please move on to Step Two.

Step Two: Configure Facebook Login

  1. On the menu to the left under Products click settings for Facebook Login.
  2. The Client OAuth settings toggles can remain in their default state.
  3. Valid OAuth Redirect URIs: Add /globalwifi/index.php to your branded splash hostname to this field. Example-
    https://splash.yourdomain.com/globalwifi/index.php
  4. Deauthorize callback URL: Add /facebook/de-auth.php?app_id=<FACEBOOK_APP_ID> to your branded splash hostname to this field. Replace <FACEBOOK_APP_ID> with the id of the App you’re currently configuring. Example-
    https://splash.yourdomain.com/facebook/de-auth.php?app_id=0123456789012345

Step Three: Configure Basic Settings

Record the App ID and App Secret while you’re on this page, they will be used later in this guide.

  1. On the menu to the left open the Settings tab and click on Basic.
  2. Fill out the form using the following settings as a guide.
    • App Domains: your splash page domain
    • Privacy Policy URL: link to your hosted Privacy Policy
    • Terms of Services URL: link to your hosted Terms of Service
    • User Data Deletion: Select Data Deletion callback URL.
      For the link add /facebook/delete-data.php?app_id=<FACEBOOK_APP_ID> to your branded splash hostname. Replace <FACEBOOK_APP_ID> with the id of the App you’re currently configuring. Example-

      https://splash.yourdomain.com/facebook/delete-data.php?app_id=0123456789012345
    • App Icon: upload your desired logo
    • Category: Business and Pages
    • App Purpose: Clients
    • Click Add Platform at the bottom, select website for the platform.
      For the Site URL use a splash page URL from the platform with the Facebook login method enabled. Facebook will crawl this page to ensure your login method works as intended. Example-

      https://splash.yourdomain.com/hotspotlogin.php?res=notyet&nasid=uGpEjRiZ
  3. Click Save Changes.
  4. Near the top of the page there should be a toggle switch that says ‘In development’. Click the toggle to move the App into live mode.

Step Four: Request Advanced Access & Enable Application

  1. On the menu to the left under App Review click Permissions and Features.
  2. Find the Permission for public_profile and click ‘Get advanced access’ to the right.
  3. Review the terms for the permissions and use the checkbox to agree and confirm the permission.
  4. Use the App Mode toggle at the top of the page to change your application from Development to Live.

Step Five: Configure Operator Customizations

  1. Login to the Marketing4WiFi dashboard.
  2. On the menu to the left open Operator Settings tab and click Operator Customizations.
  3. Click on the Branding tab at the top.
  4. Paste the Facebook App ID and Facebook App Secret collected in step three into the corresponding fields.
  5. Click Submit

Troubleshooting Tips

Error: Can’t Load URL: The domain of this URL isn’t included in the app’s domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.

Fix: If guests receive this error when attempting to use the Facebook login method go back to the Facebook Login settings in step two and be sure that your branded splash hostname has been entered properly.

Updated on May 9, 2022
Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
CONTACT SUPPORT