Facebook Tab Manager is a plugin for WordPress that allows you to create content and simple applications that will be displayed as tabs on your Facebook page.
Creating this tutorial video has been on my to-do list for a while. I thought it would be useful to be able to refer to this demo when explaining how the plugin is intended for work, particularly when helping troubleshoot problems for those who can’t quite get it to work for whatever reason. Some of the details are complicated, partly because I’ve had to keep pace with changes in the development environment that Facebook provides. However, the basic idea is simple — letting WordPress users take advantage of the familiar and very capable WordPress editor and the associated plugins when composing and updating content to appear on Facebook.
Thank you to TechSmith for providing me with a complementary copy of Camtasia Studio, which I used to produce this video. I haven’t had occasion to write much about them in my role as a tech journalist, but I’ll happily give them a plug here.
A note on finishing touches
Some of the demo content I used for this video was less than perfectly polished (i.e., sloppy) in that I hadn’t prepared images to represent all my tabs. Here are some “do as I say, not as I do” details.
For best results, you will want to create the image associated with your tab to the dimensions 111×74 pixels (Facebook will attempt to automatically resize images of other dimensions).
There are a couple of other icons you should supply to be thorough, square ones at 75×75 pixels and 16×16. The 16×16 one is somewhat important because it’s displayed on the navigational dropdown for moving from tab to tab. After producing this video, I belatedly supplied issues for some of the tabs but not for the Tall Tab.
When you don’t specify an image, Facebook uses a generic one that looks like a picture of an atom as its default tab / app icon. You probably don’t want your content to look quite that generic.
Live versions of the examples shown in the video can be found at https://www.facebook.com/TabManagerDemo