Facebook Fan Pages no longer support their “unique” markup language of FBML, but now instead they have switched entirely over to supporting iFrames for their Fan Pages. At first, I was a little hesitant about working with iFrames as I was worried it was just one more thing I had to learn to work with for Facebook- however, once I got the hang of it, it really is incredibly easy.
With iFrames you can now make your Facebook Fan Page a one-stop shop for practically anything you can do on a traditional website; capture leads, support a store front, drop in your Twitter feed, etc.
So without further adieu- let’s get on to the 10 Steps to Setting Up Your iFrames Fan Page App (and yes, it is necessary to do an “Application” for each of your new “Tabs”.
We are starting these steps in the Developers section of Facebook (to get there go to the bottom of any page and click “Developer” followed by “My Apps” when that page loads.
- Name your Facebook Application
- Create your description of the app (if you want – if this is just to be used as a Fan Page it isn’t necessary)
- Upload an icon photo (if you want)
- Navigate to the Facebook Integration page and name your canvas page (which is what the URL will be to directly navigate to your app)
- Canvas URL will be the root site you are listing your site on
- Name your tab near the bottom
- Tab URL needs to be how the URL would read to navigate to your iframe on the site you are hosting the page.
- Navigate to the “Application Page Profile” and click “Add to my page”
If you have any question- just post them in the comments section below or feel free to post them to our Fan Page wall where I will gladly answer them!
CEO & Founder
New Media Fluent