HOW TO: Create Custom iFrame Tabs on Your Nonprofit’s Facebook Page
[tweetmeme] In March 2011 Facebook disabled the popular Static FMBL App that many nonprofits had used to create custom tabs on their Facebook Pages. Rather than having their apps be based on FBML, Facebook has now switched over to iframes. Those nonprofits that have already created custom tabs using the Static FBML app will continue to be supported (not indefinitely, however), but those that want create custom tabs for the first time or switch over to iframes have a few new apps to experiment with, namely Static HTML iFrame Tabs, Static HTML for Pages, and TabPress.
That said, I spent the weekend testing all three apps. The results are posted below. You can also view my “Test” tabs (in 500 pixels width) for all three at facebook.com/nonprofitorgs.
1. Static HTML iFrame Tabs (Add to Page)
That said, it’s worth noting that editing your custom iframe tab is a completely different process than it was using the the Static FBML App. Rather than inserting and editing HTML code under “Edit Page > Apps,” it is done directly from the tab itself:
While naming your custom tab is still done by going to “Edit Page > Apps > Static HTML iFrame Tabs > Edit Settings” and entering the name of your custom tab:
If you are accustomed to using the Static FBML app, then you will likely be able to navigate the Static HTML iFrame Tabs app and successfully create a custom tab. If not, and this is all new to you and perhaps a bit confusing, I do demonstrate how to use this app click-by-click in my advanced webinar on Facebook and Facebook apps.
2. TabPress by HyperArts (hyperarts.com)
But for $99 you can purchase an app upgrade that allows multiple tabs on your custom tab:
3. Static HTML for Pages by Involver (involver.com)
Many nonprofits are already familiar with Involver apps. They allow you to download two apps from their Apps Gallery for free. If you have already added two of their apps, you will need to uninstall them if you want to use their Static HTML for Pages app to create two custom tabs. Yes, that’s right. Unlike Static HTML iFrames Tabs or TabPress, you can create two custom tabs. That said, Involver comes in third because you can’t currently add code for videos or slideshows. If you don’t want to add videos or sideshows and want to create two custom tabs, then the Static HTML for Pages app is a great option:
4. Create your own custom tabs using Facebook’s API.
Technically this is more than I want to do for custom tabs, but for those of you with the time, expertise and a server, you can create your own custom tabs using Facebook’s API. Step-by-step directions are here. Bullying UK is the only nonprofit thus far I have found that has done so. Notice how their custom tabs have their logo in the navigation on the left side of their Facebook page: