Thu 29 Sep 2011
How to create iFrame App for Custom Facebook Landing Page?
Posted by Debabrata Dhar under Facebook[10] Comments
Today I am going to share you exactly How to create iFrame App for your Custom Facebook Landing Page?
It is the second part of the tutorial in this series - Complete customization of Facebook Landing Page with Apps.
Before creating Facebook iFrame app, you first need to create your Facebook landing page. So, go through the first part of the tutorial – how to create your own custom-made Facebook landing page, create your custom-made Facebook landing page. After that, this second part of the tutorial will actually be effective for you.
Now, let us find…
What is iFrame?
iFrame or inline frame is an html tag that allows you to load separate web document into an existing web document. An iFrame can be placed anywhere in parent document. CSS, Javascript can be used to manipulate its properties such as its position and size.
What is Facebook iFrame App?
A Facebook iFrame app or application is placed on your Facebook landing page and through this app you are allowed to embed an external web page or web application into your Facebook page. You can build your iFrame application using any language or tools that supports web programming such as PHP, Java or C#.
The concept is …
- Create your own Facebook page. You may call it your Facebook landing page if you want people to land on it.
- Create a Facebook iFrame app and add it to your Facebook landing page.
- Create a web page on your own website that should encourage people to like you.
- Populate your web page into your Facebook iFrame app by calling its URL from your iFrame app.
- As your Facebook landing page has an iFrame app on it and this app populates your web page, therefore your web page content will be visible to people on your Facebook landing page through your iFrame app.
I think… the concept is clear to you. Now lets go straight to the topic today.
In this post I am going to show you step-by-step how to create an iFrame app on your Facebook landing page so that you can easily create your own iFrame app within minutes.
How to create iFrame App for your Custom Facebook Landing Page?
Before proceeding further, here is my observation on Facebook for you.
Facebook is always experimenting with its look and functionalities to provide the best possible platform for the people and that’s the main reason they are making continuous changes in it.
Sometimes it irritates people. The methods that worked for months… don’t work now. It is quite obvious that the same thing will happen in the near future too.
So, whatever steps I put down here in this tutorial may not work in the future and it should be acceptable to all of us unless and until we ignore Facebook. This tutorial is published here is expected to be effective from October 2011 anticipating the changes made by Facebook till date.
Step 1:
1. Create your custom Facebook landing page.
Step 2:
1. Login into your Facebook account. You will be in a page like Fig. 1.
2. Go to the bottom of the page and click the link Developer.








