September 2011


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.

Create Facebook iFrame app

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Reddit
  • StumbleUpon
  • Yahoo! Buzz
  • LinkedIn
  • Twitter


As promised in my previous blog post I am going to show you exactly how to create a Facebook landing page in 12 easy steps for your fans.

It is the first part of of the tutorial in this series – Complete Customization of Facebook Landing Page with Apps.

Before going into details, let us first know – what is Facebook landing page?

What is Facebook Landing Page?

A Facebook landing page is a simple page that you create on Facebook where you want your people to land and provide them enough reasons to like your page and become your fans. That’s why, it is also called fan page.

How do your people know about your Facebook Landing Page?

Your people means those people who are your customers, newsletter subscribers, blog readers, website viewers, friends community people or simply all those people, who have the same common interests that you have.

Normally, they won’t find your Facebook landing page until you provide them the address of your page. You need to provide the URL of your Facebook landing page on your website, blog posts, articles, newsletter, email signature or wherever you like… to help them find your custom Facebook landing page. They visit your Facebook landing page, become your fans or friends and get the privilege to communicate with you in any common topics thereafter.

So, it essentially improves your popularity by increasing your fan base or friend base.

If you don’t have your own Facebook Landing Page…

Normally when you register at Facebook, you will be at your default personal page provided by Facebook itself. Here you can see the wall where your normal communications with people can be seen. It is default page and you can’t customize its look and feel. On the other hand, when you create your own custom-made page on Facebook, you can control its look and feel and most importantly you can customize it according to your objectives.

You can create any number of custom landing pages on Facebook depending on your objectives.

Here in this tutorial, I am going to show you step-by-step how to create a custom Facebook landing page so that you can create your own landing page easily.

How to create Custom Facebook Landing Page in 12 easy steps!

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 you ignore Facebook. This tutorial is published here is expected to be effective from October 2011 anticipating the changes made by Facebook till date.

Before proceeding to any of the following steps you need to have a Facebook account, otherwise there is no use of this tutorial.

Step 1:

1. Login into your Facebook account. 

You will be at your default personal page like Fig. 1

2. Here in this page you just go to the bottom and click the link Create a Page.

Create custom Facebook landing page

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Reddit
  • StumbleUpon
  • Yahoo! Buzz
  • LinkedIn
  • Twitter


Visit my Facebook Fan Page. Finally, Debabrata Dhar is on Facebook.

It is late. But never mind. It is better late than never.

Actually I was busy with my software project for a couple of months. I didn’t get enough time to chat with friends and people face to face. Though I am comfortable in sharing views and spending time with people face to face.

When workload became moderate, one day I thought I should have my Facebook fan page so that I can connect people and friends on it and ultimately I made it.

So, it is ready now. I created a Facebook landing page and added an iFrame application on it.

For your convenience I placed a screenshot of my Facebook fan page in this post. Please visit my page and share your thought on it. If you like it, please click the Like button to become my friend and connect with me so that we can move forward and share our views and thoughts today onwards.

Debabrata Dhar on facebook

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Reddit
  • StumbleUpon
  • Yahoo! Buzz
  • LinkedIn
  • Twitter


Internet Business & Marketing

Recent Comments

  • Debabrata Dhar: Hi Jack, Thanks for your comment. It’s pleasure to have you on my blog.
  • jack foley: Yea fully agree, – they experienced setbacks but moved on.. “Focus on where you are going to...
  • Paddick: Hi Debabrata! Someone in my Facebook group shared this blog with us so I came to look it over. I’m...
  • Daniel Milstein: Good Share.I hope more people discover your blog because you really know what you’re talking...
  • Warren: Wow, incredible blog layout! How long have you been blogging for? you make blogging look easy. The overall...