Posts Tagged ‘facebook application’

Okay, so you need to create your own customized Facebook fan page but the FBML page tab is being deprecated. Do not fear you can still do it. Just a little differently.

The first thing you need is a web server or a website which can host the page. Basically you need to create an app on Facebook and add this app to your profile. On this app will be your customized fan page which will be shown using iframes.

Install the facebook developers app

If this is the first time you are installing this app it will ask you for permission.

Click on allow in order to proceed.

Now you need to create your iFrame application

Click on the create app button as seen below.

Once clicked the following will be shown. Choose a name for your new app, click agree and lastly “Create New App“

Fill out the security message and then click on submit.

We are going to skip a few steps because they are just options which can be decided by yourself and you wont be needing my assistance for those.

The About tab

Here you can fill out the name of your new app. Keep it short but describe it well as this will be shown in your lists of apps and you’ll need to recognize which apps are which. The logo is also quite important if you don’t want the default picture.

Important! Facebook Integration

To integrate your app with facebook click on this tab to the left.

In the page tabs section you need to enter the location where you have the app files stored (your html,css and javaScript).

Tab name is what appears on the left column of your profile page.

The page tab type is to be set to iframe.

Tab URL: This is the url of where facebook can find your html file which contains your fan page.

Secure tab URL: This would be basically the same url except that it would start with https instead of http. This means that the address has a SSL certificate. If you dont have a SSL certificate then you can leave this part blank but if a user comes from a secure facebook page to your fan page then your fan page will not be shown, only your wall.

Click save to continue.

Now you need to add your app too your profile page. To do this, click on the “Application profile page” link which can be located on the right hand side of your application page.

Once you get to the application profile page you will see a link on the left hand column which says “Add to my page”. Click on this link and a dialog box will pop up where you can choose which page to add the app to. Choose the one you want that is it, you’re done!