How to Create Custom Application for Facebook Pages

{ 2 Comments }

inShare

Fan pages on Facebook is very useful for business and brands to reach many people on social networks. On Facebook there is very few applications like Photos, Videosand Events, if you want to add more application like contact us and welcome page and as many as you can. This tutorial will explain you how to add application step by step.

PHPGang Fan PageDEMO

Step 1

Open the Facebook Developer page and create an application and click Create New Appbutton.

Write valid application name.

Disable sandbox mode.

Step 2

Create a HTML page with below given width and height so your application can be fit on Facebook frame area.

1 2 3 4 5

body { width:730px; height:680px; }

Note: Facebook allows only https SSL urls, try to host your pages with https support otherwise users face problems to access it you can host your page @ Dropbox or Google Docs.

Step 3

Here give the HTML page urls one is http while the other one is https, and upload tab image with 111×74 pixels dimensions.

Step 4

Copy the application ID from application page.

Step 5

Execute below given your with your application ID.

1	https://www.facebook.com/dialog/pagetab?next=http://facebook.com&app_id=Your_Application_ID

Step 6

The above Facebook pagetab URL will prompt with following screen, here map the pagetab with your Fan Page.

Step 7

Final Result inside Facebook page.

Step 8

You can change display positions of application by swap position option.