Facebook Tab Manager for WordPress Video Tutorial

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.

Tab navigation icons

Tab navigation icons

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

www.facebook.com/TabManagerDemo

www.facebook.com/TabManagerDemo

 

  • john

    hi, i have followed the tutorial succesfully and install the tab in my facebook page. unfortunately, there is a shortcode that i install in the page being scraped out. how do i want to make sure that the shortcode is install successfully?

  • http://www.istudentnurse.com/ Rebecca McLarkey

    I absolutely love the showcase and am in process of attempting to figure out how to create tabs for my site using TabMgr. However, I am not a professional coder and have been struggling with the configuration. I did manage to create an entire, rather complex website with very little help from others (but I used a theme from Envato to do so). In your honest option, do you think that someone with my skill set will be able to use this plugin successfully? Thank you.