White Label operators who are using their own domain name on the splash pages need their own Facebook app so they can collect statistics for their users only (and it’s also a requirement by Facebook that the app has to be assigned to a domain name so the global hotspotsystem app cannot be used on any other domain names.

Here is how to create your own Facebook app.

1. Go to Facebook Developer Site and log in with your Facebook account.

2. Click on My Apps > Add a New App.

3. Fill out “Display Name” (this will be the name of your app) and “Contact Email“. 

4. Select “Settings” menu from the left. Click on "Basic".

  • App Domains: Enter your white label domain name under “App Domains”. For example if you are planning to use “wifi.yourdomain.com” as the customer splash page, you must enter “yourdomain.com” in this field.
  • Terms of Service URL: you need to have your own URL with terms and conditions. You can find generic terms of services on the web and use them for this purpose. If you don’t have a website where you could put this info, you can edit the terms we provide in the Control Center > Customize > Skins > Useragreement language files > Edit. Then you can review it here: https://wifi.yourdomainname.com/customer/info.php?page=useragreement&operator=youroperatorusername&location=XX where you need to replace wifi.yourdomainname.com and youroperatorusername and XX accordingly (XX is the location number, for example 1 is your first location, this is just needed to match the design of a social location you are using) You can submit this URL if you are happy with what you see and it reflects your company.
  • For Category, choose "Utility and Productivity".
  • Upload an App Icon which Reflects to your company.
  • On the bottom right, click on "Save".

5. Click on "Add Platform" above the Save button on the same page, choose "Website" . Enter your company website or any web page with your business content here. Also it must be derived from your white label hostname. If your white label name is “wifi.yourdomain.com”, the Website URL must be a different host with the same domain, like www.yourdomain.com. It is important that the content must reflect your business (it cannot be a lame template which is not related to your business). Click on "Save Changes".

6. On the left side, click on the + mark, right to "Products", then select "Set Up". Then on the next screen click on "Settings" under "Facebook Login".

Into the "Valid OAuth redirect URIs" box,  you need to type those URLs that will call the Facebook login. You need to add the following one by one, be sure to replace the domain with your white label hostname.

https://yourwhitelabelhost.com/customer/facebook/en/review/redirect/login
https://yourwhitelabelhost.com/customer/facebook/en/redirect/login
https://yourwhitelabelhost.com/customer/facebook/en/redirect/checkin

If you are using a language that is not english, you need to add those local URLs too, for example for french:

https://yourwhitelabelhost.com/customer/facebook/fr/redirect/login
https://yourwhitelabelhost.com/customer/facebook/fr/redirect/checkin

7. Go back to "Settings" > "Basic" and click on "Show" to reveal your App Secret. Once the app secret is revealed, copy the App ID and App Secret into the Control Center, Tools > White Label Settings.

8. Now you need to put a button or link to your page like “Get Your Free Wi-Fi Access” and this must be linked to
https://wifi.yourdomain.com/customer/facebook/en/review/redirect/login
(you need to replace “wifi.yourdomain.com” with your white label hostname)

Please note that this is only needed for the review, then you can remove this from your website.

An example (the content was already there, the owner just put the Get your Free Wi-Fi Access button there for the review):

9. Verify the URLs by clicking to this new button or link you have created on your
website. If you have entered it correctly, you should see a screen like this:

Click on the Log in and use the administrator of the App to log in and follow the instructions. This is required to simulate an API call, without this you won’t be able to send your app for review.

10. For the checkin and share functions, a review is needed from the Facebook Team. Select “App Review” menu on the left. Push the big Yes/No button on the top right to put your app into LIVE state.

11. Now you need to submit your app for approval. Without approval from Facebook, you cannot use the Checkin feature as your app will not be able to post on user’s walls. You can read more about this here:

12. When you are ready, first create a test user. Click on Roles on the left menu > Test Users on the top right > Add.Check Authorize Test Users, and add publish_actions in the Login Permissions field, then click Create Test Users.

Note the name of the newly created test user, this will be needed.

13. You need to create a screencast video for the facebook app process. The video should show the following steps:

  • Your website with the “Get your Free Wi-Fi Access” button
  • You need to click on the button and follow the process
  • After you see the wi-fi access code on screen, go to facebook.com with the same user you used in the previous process and show the timeline of the user where the Starbuck Checkin is shown. Here is an example video you need to create:

14. Click on “Start a Submission” and select the “publish_actions” permission and click on “Add 1 Item.

15. Right to the “publish actions” item click on “Add Notes“.

16. In the Notes dialog:

  • Confirm all questions, by checking them
  • Choose “Other” as an answer to the last question and write this there: “Users can share with their friends that they are using our awesome free wi-fi service.”
  • Set the “Web” platform to ON.
  • Under “Web“, type: “We are explaining the users what will happen, showing a sample post, and after clicking the “Checkin” button we are writing to their walls. We are posting to the “/user/feed” api endpoint with “place”, “link”, “description” and “picture” parameters to share a post about their current activity.
  • Upload the video you have previously created in Step 13,  below “Add a screencast“. Click on “Save“.

17. Now you can click on Submit for Review, then you need to confirm. After you do this, Facebook will notify you once they have approved your app. After then you can use the Checkin function.

If the review comes back with negative results, please contact us so we could verify your app.

After you set up everything, your own app statistics will be available under “Insights”, here on Facebook Developers site.


NOTE #1: After your own App ID is filled out in the Control Center, your facebook app will be used when the router is configured with your white label domain name.

NOTE #2: Be sure not to create a negative experience for users. This means don't post any "spam like" URLs or messages onto their walls, post the same place they are checking in to, etc. In case you create a negative experience, people will report it to Facebook and your app will be suspended.

NOTE #3: Facebook is a 3rd party so they can change their terms any time. We don't take responsibility if your app was not accepted or later suspended or terminated. 

Did this answer your question?