Adding a Custom Tab to your Facebook Page
I was doing this recently for a client, and I have to say I was amazed how EASY it is to get a custom tab on one’s official page, with just a bit of CSS & HTML. Sure, you can do so much more with JavaScript and FBML, but then again, I think lots of companies would be quite content with what you can get with a minimum of effort.
First of all, let me clarify what I mean by Facebook FBML Tab: you know how sometimes you get to the Facbook page of some big FMCG companies and you come across something like this?
Well, this is what I’m talking about.
Quite often these tabs contain just one big image; however, others are mini-websites in their own right. For example this one. YouTube integration, tabbed navigation and all. Well, these guys pretty much wrote the book on Static FBML. Together with a very extensive tutorial.
For more examples scroll down.
So how do you go about getting one of these
Easy
- Design a code up an HTML page (safest bet is inline styling), but more tips about coding here.
- Make sure it’s 520px width (Facebook still supports 760px pages, but that is to change this year)
- Add the Static FBML application to your page – under the page photo note the “Add to my page” link.
- Go to your page and under tabs click on the + sign and select FBML 1 from the drop-down.
- Name your tab and paste your HTML code (no body or html tags, just the content code
- Save and admire your new tab!
Now how easy is that?!
If you want to go all technical
From the HyperArts website, a few more resources:
How to Embed YouTube Videos & Other Flash Objects in Static FBML Pages
How to Add an iframe to a Static FBML Page
How to Embed Your YouTube Channel Video Player in a Static FBML Page
Some really cool Facebook pages
Pzza Hut
Trojan Condoms
Victoria’s Secret.
This last one is done by Limeshot.
