Difference between revisions of "Creating an App on Facebook"

From JReviews Documentation
Jump to: navigation, search
 
 
(6 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
The first step is to log in to the [https://developers.facebook.com/apps Facebook Developers site] using your personal FB account and click the '''Create New App''' button in top right corner.
  
 +
You will get a "Select a platform to get started" popup with the choice of platform. Instead of choosing a platform, click the '''basic setup''' link in ''If you're developing on another platform or want to skip this step for now, use the basic setup.'' at the bottom of the popup.
 +
Next you will get a second popup where you need to enter the name of the App. For example, if you want the app to show a widget that displays the list of top rated products, enter something like "Top Rated Products" as '''Display Name''':
  
 +
[[File:fb-newapp.png]]
  
 +
Select a Category that your site belongs to and click '''Create App ID'''.
 +
 +
Next you will get Facebook's security check. After you pass the security check, you will be redirected to the app dashboard page.
 +
 +
First click on the '''Settings''' link in the sidebar menu. Enter your email in the '''Contact Email''' setting and click '''Save Changes'''. Next, click '''+ Add Platform''' button:
 +
 +
[[File:fb-newapp2.png]]
 +
 +
On the Platform choice popup choose '''Facebook Canvas'''. For now, enter only the url of your site with https into the '''Secure Canvas URL''' setting and click '''Save Changes''':
 +
 +
[[File:fb-newapp3.png]]
 +
 +
Next, click '''+ Add Platform''' button again and on the Platform choice popup choose '''Page Tab'''.
 +
 +
Populate these settings:
 +
 +
'''Secure Page Tab URL''' - for now enter the url to your site with https (later it will be replaced with an URL generated by the FB App Factory Add-on).
 +
 +
'''Page Tab Name''' - this is what will be displayed to visitors of the FB page.
 +
 +
'''Page Tab Image''' - upload an image for the tab. The image must have 111 x 74 pixels dimension.
 +
 +
Click '''Save Changes''':
 +
 +
[[File:fb-newapp4.png]]
 +
 +
If you want the app to become available in the Facebook App Center (optional), click the '''App Details''' link in the sidebar and populate all the required information: '''Short Description''', '''Long Description''', '''Privacy Policy URL''', '''User Support Email'''.
 +
 +
The App will need to be updated after you [[Creating an App in the FB App Factory Add-on|configure the app in the FBAppFactory Add-on]]
  
  
 
[[Category:JReviews]]
 
[[Category:JReviews]]
 
[[Category:FBAppFactory Addon]]
 
[[Category:FBAppFactory Addon]]

Latest revision as of 12:59, 28 January 2016

The first step is to log in to the Facebook Developers site using your personal FB account and click the Create New App button in top right corner.

You will get a "Select a platform to get started" popup with the choice of platform. Instead of choosing a platform, click the basic setup link in If you're developing on another platform or want to skip this step for now, use the basic setup. at the bottom of the popup. Next you will get a second popup where you need to enter the name of the App. For example, if you want the app to show a widget that displays the list of top rated products, enter something like "Top Rated Products" as Display Name:

Fb-newapp.png

Select a Category that your site belongs to and click Create App ID.

Next you will get Facebook's security check. After you pass the security check, you will be redirected to the app dashboard page.

First click on the Settings link in the sidebar menu. Enter your email in the Contact Email setting and click Save Changes. Next, click + Add Platform button:

Fb-newapp2.png

On the Platform choice popup choose Facebook Canvas. For now, enter only the url of your site with https into the Secure Canvas URL setting and click Save Changes:

Fb-newapp3.png

Next, click + Add Platform button again and on the Platform choice popup choose Page Tab.

Populate these settings:

Secure Page Tab URL - for now enter the url to your site with https (later it will be replaced with an URL generated by the FB App Factory Add-on).

Page Tab Name - this is what will be displayed to visitors of the FB page.

Page Tab Image - upload an image for the tab. The image must have 111 x 74 pixels dimension.

Click Save Changes:

Fb-newapp4.png

If you want the app to become available in the Facebook App Center (optional), click the App Details link in the sidebar and populate all the required information: Short Description, Long Description, Privacy Policy URL, User Support Email.

The App will need to be updated after you configure the app in the FBAppFactory Add-on