Can't find what your looking for?

Call us on +44 (0)1273 622272 or contact us.

Courses

showing {{courseLimit}} of {{(courses | filter:query).length}} results Show All

Hide All

Categories

showing {{courseLimit}} of {{(tags | filter:query).length}} results Show All

Hide All

theBLOG

Facebook iFrame App: How to Make Custom Facebook Fan Page Tabs

Written by Aaron Charlie – Fri 11 Mar 2011

facebook-custom-tabs-with-iframe

Custom Facebook Tab Using iFrame App

FBML is Dead - Long Live the Facebook iFrame App!

Lots of businesses use Facebook Fan pages to promote their products and services. In addition to the standard page tabs (Wall, Photos, Links, Videos etc...) Facebook had its own markup language called FBML that allowed you to easily create your own custom tabs. This was really handy for creating custom landing pages and special pages for promotions.

On 10 March 2011 Facebook withdrew FBML (the spoilsports!), so you can no longer add FBML custom tabs to your Facebook Fan page (if you already have an FBML page it will continue to work though - phew!).

HOWEVER - there's a new way to create custom tabs for Facebook pages - enter Facebook iFrame Apps! With an iFrame App, you can create normal web-pages using good old fashioned HTML & CSS, and embed them in new tabs on your Facebook Fan Page - sweet!

To use iFrame Apps you'll need to know some HTML and CSS, and also be able to upload content to an FTP server (which if you have your a website shouldn't be a problem!).

But let's not get ahead of ourselves! In this tutorial we're going to cover how to use Facebook iFrame Apps to create simple HTML page tabs in Facebook Fan Pages

If you have a Facebook Fan Page - find out how to optimize it for SEO here

How to create a custom tab in Fan pages with Facebook iFrame Apps

create-facebook-tab-business-page-iframeBefore you start - you will need:

  • A Facebook Account
  • A Facebook Fan Page
  • Some web-space that you can upload files to via FTP

OK - if you have all of the above, we're ready to go.

In this tutorial, I'm going to show you how I re-created this with a custom iFrame tab...

Read More