Difference between revisions of "Creating an App on Facebook"

From JReviews Documentation
Jump to: navigation, search
 
(4 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.
 
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 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 ''App Name'':
+
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]]
 
[[File:fb-newapp.png]]
  
On the next step you will need to enter the captcha text. After that, you will go to the app summary page where you need to enter the required info.
+
Select a Category that your site belongs to and click '''Create App ID'''.
  
First fill in the '''Basic Info'''. You can leave the ''Sandbox Mode'' enabled for now (only you as admin will see the app). Disable the Sandbox Mode only after you finish setting up the app and test everything.
+
Next you will get Facebook's security check. After you pass the security check, you will be redirected to the app dashboard page.
  
Under "Select how your app integrates with Facebook" choose '''Page Tab''':
+
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]]
 
[[File:fb-newapp2.png]]
  
Populate the Page Tab settings and click '''Save Changes''':
+
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]]
 
[[File:fb-newapp3.png]]
  
'''Page Tab Name''' - this is what will be displayed to visitors of the FB page.
+
Next, click '''+ Add Platform''' button again and on the Platform choice popup choose '''Page Tab'''.  
  
'''Page Tab URL''' - for now enter the url to your site (later it will be replaced with an URL generated by the FB App Factory Add-on).
+
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).
 
'''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.
 
'''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