On March 11 2011, Facebook started using Iframes for tabs. This is a basic tutorial showing you how to build a Facebook landing page using a application called Static HTML iFrame Tabs (by Jason Padvorac ). It’s easy to use and allows you to add 2 landing pages: 1 for non-fans, and 1 for fans, also called the reveal page.
There are other Static HTML / iFrame type applications available now too, try out also Involver.com
You need to have your Fan page setup first – read this tutorial
1. Create a call to action image
A really cool trick you can use for the “html” part of this method is that you can create a .jpg file and store it on a server somewhere and then simply link it on the static html iframe tabs application area using just one line of code. This is the line of code that you will be entering in your Static HTML IFrame Application with the appropriate URL link.
You can hire someone to create a graphic image 520pixels wide.
Example of call to action landing page Zip Nada Zilch
2. Add the static HTML: iframe tabs App
The app you need for your custom page is called “static HTML iframe tabs” located here. If you’re logged into Facebook, you can add it to your Page. It is essentially a blank canvas where you can add whatever content you want, including custom images and links via standard HTML.
Click On the Blue Button To Add Static HTML to a Page.
Make sure and select the dropdown arrow to select the Fan Page That you have already set up.
3. Setup your tab
Once you’ve added the static HTML iframe tabs app, click “Welcome” in the tab menu below your company’s profile image. This will bring up the apps settings.
In the Fan box – just put a link to your image or html code
Below is the sample HTML code to use to embed the image into the application:
<img src = “http://www.yourwebpage.com/image.jpg”>
(optional Non fans – only content) – this is where your content goes for fans that have not liked your page yet. So you could put something to entice fans to like the page, like my page. Tell them that if they like your page your will reveal the free gift or whatever you want to entice them with to get more information. Something like that.
You can add standard HTML to the page as you would any website, including images, text, links, and other formatting.
Please Note:your images must be hosted elsewhere (on your company’s website, for example) and only referenced in your HTML code. If you dont have web hosting you can host your images at Tinypic.com Or photobucket.com and insert the html code.
If you want to get web hosting I recommend HostGator, to get $9.94 off on any order, enter the promo code on the order page DISCOUNTCODE994OFF, or do a Google Search for Host Gator Discounts. Fat Wallet is usually a good site to get discounts off of.
4. Change Tab name
If you want to change the tab name, to something more appropriate, like “Special deals,” or latest news,” depending on how you plan to use your Page. Click on “edit info” once you are logged into Facebook as your Fan Page.
then click on “apps”, and Select static HTML iframe tabs app – edit settings
You should see a pop up window – Change tab name if you wish.
5. Make it the default landing page
If you want this new tab to be the “face” of your business Fan Page, head back over to your page settings and Click on the “Manage Permissions” select “default landing tab” select your tab and then click on save.
6. How To Add More Tabs
You can add up to 12 welcome tabs. When you are in the static html app, click on “FAQ & Help Center “
Click on entry for “How do I add more than one tab?“ click on the second tab
You will be taken to the static app page, click add to your page on the left side of navigation
Select your fan page to add a second welcome tab
The Final Fan Page landing tab – Visit http://www.facebook.com/tweepboost
Any problems leave a message on the developers Facebook page – help