The Facebook Tab Manager allows you to create landing pages and other types of content to be displayed within Facebook, particularly within the tabs that appear on Facebook business pages and pages for other types of organizations. This provides a way of putting more interesting layouts and functionality into your Facebook pages, without the need to get too deep into fancy programming.
The Facebook Tab Manager was specifically designed to take advantage of a recent Facebook page redesign that added support for iframe tabs on Facebook pages. Optionally, you can now also specify content to be displayed on an associated canvas page.
Tab content can include most any WordPress content, including output from Shortcodes and other plugin functions.
Note: Facebook requires all “apps” and page tabs to be displayed within facebook.com be available from both an HTTP and an HTTPS address. This means you must obtain an SSL certificate for your web domain and configure it on your server. When Facebook users browse the website in HTTPS mode, you need to be able to present your embedded content at an HTTPS address also.
As an alternative, Carr Communications offers a subscription service including WordPress accounts with Facebook Tab Manager and SSL security pre-configured at TabMgr.com.
Facebook Tab Manager Copyright (C) 2011 David F. Carr This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. See the GNU General Public License at <http://www.gnu.org/licenses/>.
- Upload the entire
facebook-tab-managerfolder to the
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Create/edit content through the Facebook Tabs menu. The editing screen provides guidelines for how to fill in the Facebook Developer form to register your tab content as a Facebook app.
- Optionally, copy the fbtab-theme folder to your
/wp-content/themes/directory and modify as desired. Themes for use with Facebook Tab Manager are activated through the plugin’s settings screen, independently of your site’s theme for website visitors.
Visualmode and wrap it with
[fbtab]WIDGET-CONTENT-HERE[/fbtab]. The shortcode processing function will fix the HTML entities the editor adds on angle brackets and quotation marks.
- To include blog post or paste content, you can use
[fbtab query="QUERY-STRING"]where the query string is something like query=”p=1″ or query=”category_name=facebook-tab-manager” — see the documentation for the query_posts function for possible values. You can also use a format attribute of format=”headline” or format=”excerpt” — see the Tab Manager tab at www.facebook.com/carrcomm for an example using
[fbtab query="category_name=facebook-tab-manager" format="excerpt"]
- To include a block of content that should only be shown to people who have yet to click the Like button on your page, use the like=0 parameter, and for to only show something to people who have Liked your page, use like=1. You can do this with either the
[fbtab]shortcode or with a variation called
[fblike]shortcode is intended to enclose blocks of content, whereas
[fblike]is equivalent to
[fbtab decode="0"]where the parameter says not to run HTML entity decode transformations on the content within the shortcode tags.
[fblike like="0"]IMAGE TO SHOW TO NEW VISITORS[/fblike] [fblike like="1"]FAN-ONLY CONTENT[/fblike]
I like this plugin. I’ve been able to put a number of tabs onto one of my Facebook pages using it.
The Top Ten and the Donate tabs are made using this plugin.
Just the one issue I’ve come across is that if I am logged into the facebook page and go back to my web site I get logged out of the admin until I log out of Facebook.
Minor issue though and I can work around it.
Just a little concerned that this plugin has not been updated in a while. Is it still supported?
Contributors & Developers
“Facebook Tab Manager” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- Better able to use standard WordPress themes, including child themes, for content to be embedded in Facebook. Responsive themes and themes meant for display on an iPad or similar narrow format layout could be ideal.
- checked compatibility with WordPress 3.8.
Refinements to code for compatibility with standard WordPress theme coding.
Some of the standard checkbox options like “Open Links / Post Forms to New Window” will not function unless you include fbtab_head(); in the head section of your theme/template. Alternatively, you can link between fbtab content and have it displayed within the same frame and template, but if you link to standard pages you’ll need to include ?fb=tab as a query string at the end of the link (otherwise, the content will appear within the frame but be displayed in your standard website template).
Updated code for resizing height of page tabs. It’s now particularly important to record the App ID assigned by Facebook in the tab manager plugin, as this version of the code will not work without access to that information. Reveal or gate tabs created through the Reveal Tab Setup utility will also need to have an App ID assigned — if you provided this previously you will have to enter it again for this release because it’s handled differently (encoded into the url).
Update for Timeline page layout to support 810px tab width (usable width for images now more like 800 to 805 pixels). Existing tabs will continue to display in 520-pixel width layout until the layout setting is changed. Note that the change to 810 px width must also be implemented in the Facebook developers utility.
- Improved the Reveal Tab Setup utility, particularly by adding the ability to register the App ID for a page tab and associate it with a particular reveal tab pair of posts. Since Facebook eliminated the application profile pages that used to display an Add to Page link, tab authoring tools like Facebook Tab Manager now must take over that responsibility. So once you register your tab content with Facebook, you need to come back to Facebook Tab Manager to record the App ID needed to link the two together.
Listing of fbtab posts available for editing now displays author login name and an Add to Page link (for adding your tab to one or more Facebook pages) or a Set App ID link if you have yet to record the App ID # set by Facebook for the tabs you have registered.
Modified the roles and capabilities setup, which previously was set to parallel the ‘page’ rather than ‘post’ content type. The settings screen now includes checkbox options that let you make creation of Facebook tab content accessible to authors and contributors (contributors can submit posts for approval).
By default, fbtabs are still treated like pages rather than posts, meaning only editors and administrators can edit them, but at least one website owner contacted me to say that’s not how he wanted it to work. So now you have a choice. Authoring and editing capabilities can also be such as edit_fbtabs can now also be set for any custom roles you may have created, separately from other types of posts, by other WordPress administration plugins or your own custom code.
Bug fix for settings screen (footer options).
Cleanup of deprecated WordPress functions and minor PHP coding errors.
Continuing to address recent changes in the Facebook platform, which made it necessary for Facebook Tab Manager to supply its own Add to Page function to let you connect your tab to a specific Facebook page.
The new Add to Page Links screen for admins lets you generate an Add to Page link for reveal tabs created with the Reveal Tab Setup utility, or tabs based on existing WordPress pages or posts using the ?fb=tab query string at the end of a URL.
Important update to keep pace with changes in the Facebook platform. Now, after recording the App ID # assigned by Facebook, you can record this in Facebook Tab Manager, and an “Add to Page” link will be displayed in the editor to allow you to add your tab to one or more pages. The previous installation method must be phased out because of Facebook’s decision to eliminate application profile pages, which is where the Add to Page link used to be displayed.
Fix for sites that don’t have pretty permalinks enabled.
2 new checkboxes.
- “Remove all but essential filters on post content” on Facebook Tab editor screen. Can be simpler than turning off filters individually.
Renamed function that decodes Facebook signed request to prevent namespace conflicts with other plugins.
Fixes for alternate paths to the includes directory to make jQuery load properly for the preloader effect.
2.8.9 and 2.9
Bug fix in that fancy new theme / template code.
- Now supporting themes and custom templates that can be developed independently of the plugin. Should introduce more flexibility for those who want to alter the default presentation. The theme bundled with the plugin will be used by default, but you can also copy the fbtab-theme folder to wp-content/themes and modify as desired. Documentation at http://bit.ly/oTYyMB
- Previous hack for supporting custom templates deprecated.
Bug fix. Error in the code for saving customization settings.
- CSS changes to prevent display of scroll bars, even when too-wide content such as a large image is included (width set on body, with overflow hidden)
- Changed the way custom CSS is loaded into template. Should perform better.
- Reveal Tab Setup utility now displays 10 most recent combinations of Fan / Non-fan pages and corresponding URLs.
Update to Reveal Tab Setup utility. Looks like Facebook has made some platform changes that were preventing this from working properly, and I’ve made my own changes to compensate. This version also supports using a form plugin such as Contact Form 7 in the fan-only version of the tab, which wasn’t working right previously.
Updating template.php code for better handling of wp_head and wp_footer output with filters selectively deactivated.
Session key set for Liked pages so site will “remember” that setting even after following a link or form post. Important for scenarios where you want to embed a form inside an fblike shortcode.
Correcting error in Reveal Tab Setup screen
- Fixed the fbtab / fblike shortcodes so they can contain other shortcodes – for example, to output a form only to be displayed to new people or only to fans of the page. Function now recursively calls do_shortcode to check if other shortcodes are embedded in the content. Thanks to Jason Lane for pointing out the error.
- Tested with WordPress 3.2.1
Thanks to H.P. Logsdon for some fixing some bugs I missed.
Reveal Tab Setup screen added. Includes a utility for constructing a special url pointing to alternate post IDs for fans and non-fans. On-screen documentation explains tradeoffs between this, shortcode methods.
You can now use ?fb=tab&minfilters=1 as a query string parameters to display existing content in the fbtab template with most filters on the_content turned off.
Bug fix. Some checkbox parameters weren’t being saved properly.
Added Documentation as a submenu on Facebook Tabs. Pulls in content from the plugin home page on carrcommunications.com
Bug fix for CSS display, particularly in IE9
Fixed bug in CSS code that prevented custom styles from loading properly.
- Better instructions for secure canvas / secure tab setup.
- Clarified the UI for selectively deactivating filters on the body of a post, which may be appropriate for a blog page but not for Facebook.
- Fixed a bug in the function for deactivating filters.
[fblike]shortcode as an alias to
[fbtab decode="1"]. Recommended for situations where you are wrapping a block of text and image content inside a shortcode that indicates whether it should only be shown to people who have not yet liked, or who have liked your page. Example
[fblike like="0"]IMAGE TO SHOW TO NEW VISITORS[/fblike] [fblike like="1"]FAN-ONLY CONTENT[/fblike]
- Users who don’t like my template can now specify their own should be used instead. Only recommended for advanced users with their own plugin/template development skills.
- Better conformance with WordPress coding standards.
Changed custom post type setup in response to a report of a conflict with a theme that also uses custom post types.
- Several changes to keep up with changes in the structure of the Facebook app/tab registration form.
- Misc performance tweaks.
Fix to options screen
Additional shortcode options
- Add like=”1″ to the fbtab shortcode if content should only be displayed to people who have liked the page
- Add like=”0″ to the fbtab shortcode if content should only be displayed to people who have NOT liked the page
- You can add an explanation in either of these two cases such as message=”You must like this page before this super-special content will be displayed.”
Better handling / explanation for checkboxes to turn off filters and actions that aren’t appropriate for a Facebook tab.
Fixing template.php display for canvas pages
Correcting tab/canvas setup code.
- Added checkbox option to set resize / auto resize for tabs taller than 800 pixels
- You can now create both a tab and a canvas page for your application.
- Added options page for setting defaults, such as filters to ignore and CSS to apply
- Clarified documentation for how to fill out the Facebook Developers form
- Flush Rewrite Rules set to run every time on initialization (not supposed to be necessary, according to the documentation, but seems to work better on some configurations)
Refinements to shortcode function
- Added the ability to deactivate content filters when the fbtab template is displayed. This lets you eliminate plugin content modifications that are not appropriate for your Facebook tab.
- Updated the instructions for configuration on Facebook.
1.1, 1.2, 1.3
Fixes to default styles handling, directory locations
First public release February 2011