Web Development Blog

A Facebook Content Management System (CMS) for Facebook Page Templates

03.23.2010 10:58PM by Evan Johnson

Update:The project now has a name, and a website! Head over to Faceil.com to learn more and get updates.

There's something big in the works here at Chili Pepper Design I wanted to share on my blog quickly:

Coming Soon: A Facebook Fan Page CMS

Right now the social networking site Facebook is quickly becoming the king of the web. Some sources claim that Facebook has passed Google as the most visited website on the web. For this reason Fan Pages are becoming an important part of the marketing strategies of small businesses and large corporations alike. Setting up a Fan Page is faster and cheaper than setting up a website, and allows customers to interact with the business/brand (and share it with their friends) in ways that traditional web pages do not.

These Facebook Fan Pages consist of a series of "tabs". In addition to the Wall, and the usual Photos, Videos, Discussion and Reviews tabs, many businesses are adding custom FBML tabs. These provide additional information and a touch of that business' personality and brand. These nicely designed tabs offer special promotions, games, contests, product information, shopping options, blog and twitter feeds, and much more. For some great examples of what can be accomplished with custom FBML tabs check out the Facebook Showcase.

The one drawback to these otherwise-awesome custom page tabs is that they require a bit of technical savvy to set up. Some require the creation of a custom application, and even making a simple tab with the Static FBML application requires FBML coding. There are many tutorials that cover how to set up custom tabs (like my own FBML tab tutorial here), but frankly it's easier to set up an entire new website with services like WordPress.com and Blogger than to set up a custom FBML tab.

And even once a tab is set up, it is difficult to update it. The FBML code must be edited again, just like when it was first set up. This is one area where websites running Content Management Systems (CMSs) like Drupal and Wordpress are far ahead of custom facebook tabs. Editing a page in Drupal is as easy as composing an email - no coding needed!

But what if creating a custom FBML tab was just as simple as setting up blog on Blogger? Just sign up, choose a design template, enter the content, and you're done?

What if updating a custom FBML tab was as simple as updating a page on a Drupal website? Just log in, change the content, and hit "Update"?

Enter the Facebook CMS

This is exactly the problem that Chili Pepper Design is working on addressing. With the Facebook Content Management System currently in development it will be easy as pie to create and update custom FBML tabs with nice templates on a Fan Page.

Here's how it will work:

  1. Create a Facebook Fan Page
  2. Go to the Facebook CMS website and create an account
  3. Choose a template for your tab
  4. Enter the content for the tab (using an easy WYSIWYG editor like Word)
  5. Save the new Tab
  6. Add the Facebook Application to the Fan Page (one click "Add to Page")
  7. DONE!

Here are some of the many components that the templates will have (in various combinations):

  • company logo
  • multiple tabs/sub navigation
  • body content
  • custom images
  • flash videos
  • sidebar blocks
  • Twitter feeds
  • blog feeds
  • comment area
  • share buttons
  • invite fiends

The templates will be professionally designed, optimized for SEO, and have the ability to customize some of the colors.

For Facebook Designers

Are you a Facebook designer? Would like to provide your clients with an easy way to update the pages you have created for them? In addition to the standard templates, the Facebook CMS will offer a special product for designers to plug the CMS into their designs. The details on this have not been worked out, but it is a service I very much want to offer, along the lines of "Cushy CMS or Surreal CMS.

So stay tuned for more updates and announcements here on this blog, and via the official Faceil Twitter account.

Get Email Updates About Facebook CMS/Templates

Comment

Gravatar Image
On Mar 24, 10:34 AM, (Link)
Wesley Gooch said:

Evan,

Brilliant idea! Sign me up… seriously, I’ve got at least one client that could use this now and I have two personal projects where this would come in very handy. Let me know if you need a beta tester.

Cheers,
Wes

Gravatar Image
On Apr 4, 01:25 AM, (Link)
Sefzig.net said:

Thanks for posting this idea!

Actually I have just finished an application which includes a custom wordpress-template into its profile-tab to display content from a blog. I use this approach to recycle content from a glossary: http://www.facebook.com/Sefzig.net?v=app_103937396311495. Took me about 4 hours :)

Doing this, I realized how valuable an offsite-CMS can be for fanpage-administrators. I’d love to see you elaborating more on this matter!

Your list on 'how it will work' makes me very curious, especially #6: I am aware that application-profile-tabs can be added to a page with one (actually 2 ;) clicks using http://www.facebook.com/add.php?api_key=[Your-App-ID]&pages. But the application has to be set up already – will you set up one app per customer or will there be one app many customers build upon?

One other question: I am used to wordpress for years now, but I guess other CMSs do as well. What is your recommendation in terms of fanpages? Will Open CMS be a good alternative?

[One correction, if you don’t mind: Static FBML does not require fbml-skills, html is good enough – fbml can be used to improve the tabs interactivity.]

Gravatar Image
On Apr 5, 08:39 AM, (Link)
Evan Johnson said:

@Wesley Gooch – Thanks for your feedback! I’ll keep you posted.

@Sefzig.net – Thanks for stopping by – I like the Glossary tab you made! A good idea in addition to the usual "blog" tabs done with WordPress.

As for the application’s "one click add" (#6), I am playing with a single application for all users, but I have seen one click app creating and setup (with Disqus) so if I can figure that out maybe I will do it that way.

I’m not sure about OpenCMS, I use WordPress, Drupal, TextPattern and CMS Made Simple. And good point that FBML is mostly just HTML.

Gravatar Image
On Apr 5, 11:33 AM, (Link)
stan said:

I’m not sure how Sefzig makes it work, but I wish html was always good enough! There are a lot of formatting things that are just different enough with fbml to require sufficient knowledge of it.

Gravatar Image
On Apr 7, 09:14 AM, (Link)
Philip Downer said:

I’ll be very interested to see where this goes as I think it’s a great idea. So many businesses simply put up a fan page and recycle their website content. If there were an easy way for each to add unique content it would allow each business to engage more effectively.

Gravatar Image
On Apr 7, 11:15 AM, (Link)
Evan Johnson said:

@Phillip Downer – Thanks for stopping by! I agree that being able to add content to Facebook Tabs more easily will increase their usefulness and effectiveness – or at least their cost-effectiveness :). It will be especially useful for businesses who only have a Fan Page (not a full website).

Gravatar Image
On Apr 20, 04:15 AM, (Link)
Carley said:

looking forward to seeing this in action!

  Subscribe to article comments