Custom Facebook Tab Using iFrame

Share this!

This screenshot of a custom tab on a client’s Facebook Fan Page exemplifies one of the cornerstones of my development approach: repurposing content.

Using a custom-built CMS (Content Management System), Jonathan Seyfred (President and co-owner of S & J’s Woodfired Pizza – SJP) enters information about all of the festivals, farmers markets and catering engagements at which the company sells its homemade woodfired pizza.

I created a Web page on SJP’s Web site (“On The Road“) which dynamically displays all of these events. I also created a standalone Web page (also on the SJP Web server) which uses programming scripts to select and display current and upcoming events from the events database table. Then I created a Facebook iFrame application which pulls in that standalone Web page. Finally, I added the application as a custom tab on SJP’s Facebook Fan Page.

We like to drive SJP’s Facebook Page fans to the SJP Web site whenever possible. But we also want to make it easy for those fans to know where SJP will be and when — without forcing them to leave Facebook.

Are you leveraging your Web-site assets to make your Facebook Fan Page as robust as it can be?

Database-driven content is best

The best candidates for repurposable content from your Web site are anything that is stored in and displayed from a database. In addition to events, blog entries are, of course, an obvious choice.

Does your Web site display content from a database? If so, have your Web developer create a custom tab (or tabs) in which to embed all or some of that content (or one item, randomly selected).

Ideas to consider for custom Facebook Page tabs:

Here are some examples of content my clients’ Web sites store and display from databases; perhaps it will give you some ideas for custom tabs you can have on your Facebook Fan Pages:

  • blog entries
  • calendar events
  • products from an online store or showcase
  • testimonials
  • frequently asked questions
  • staff bios
  • work samples
  • case studies
  • publications

Default Landing Tab (Splash Page)

As you may/probably/should know, you have the ability as a Facebook Page owner/admin to establish any of your Page’s tabs as the Default Landing Tab for your Fan Page. The Default Landing Tab is the one to which non-fans are taken when they navigate to your Facebook Page. A custom iFrame tab might be a perfect candidate for your Facebook Page’s Default Landing Tab. [Edit: When Facebook implemented the Timeline interface for Pages, this feature went away. Sorry. JC]

Share this!


The nSiteful Tech Blog (the official blog of nSiteful Web Builders, Inc. since January of 2013) is where I (Jeff Cohan) and (occasionally) associates will be posting articles of potential interest to like-minded techies, nSiteful clients who are playing active roles in the maintenance of their own Web sites and blogs, and pretty much anyone interested in how Web strategies and tools can help them reach their goals.

This entry was posted in Case Studies and tagged , , by Jeff Cohan. Bookmark the permalink.

About Jeff Cohan

Jeff and his wife, Margie, are the proud parents of Sarah and Jake. Jeff is the founder, president and chief cook and bottle washer of nSiteful Web Builders, Inc., a Web development and Internet Consulting firm. In his spare time, Jeff builds Web sites and Web applications, plays guitar, putters around in his basement woodworking shop, mercilessly spoils his grandchildren, and creates videos from more than two decades of home movies. His current video project is an extended montage of people (mainly family members) asking him to stop filming them.

Leave a Reply

Your email address will not be published. Required fields are marked *