January 20, 2024 5:01 am

How to Create Custom Application for Facebook Pages

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, Videos and 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.

how-to-create-custom-application-for-facebook-pages

Step 1

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

create-new-application

Write valid application name.

create-new-appliacation1

Disable sandbox mode.

application-settings

Step 2

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

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.

application-page-tab

Step 4

Copy the application ID from application page.

copy-application-id

Step 5

Execute below given your with your application ID.

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.

add-page-tab

Step 7

Final Result inside Facebook page.

application-inside-facebook

Step 8

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

swap-application-on-page

Author Huzoor Bux

I am Huzoor Bux from Karachi (Pakistan). I have been working as a PHP Developer from last 5+ years, and its my passion to learn new things and implement them as a practice. Basically I am a PHP developer but now days exploring more in HTML5, CSS and jQuery libraries.


Tutorial Categories:

One response to “How to Create Custom Application for Facebook Pages”

  1. huzoorbux says:

    http://www.9code.in/ copy of 9lessons http://www.2my4edge.com/ also a copy of yours and there is many more so please don’t say this again copy i respect you because you are brother of my inspiration Siri Bhai so please. and go on copyescape and check my article it will not give you any site from where i copied any thing.

Leave a Reply

Your email address will not be published. Required fields are marked *