How to add a custom tab to your Facebook fan page

Written by Mike on June 19, 2009

Since I led a webinar this week about Twitter and Facebook usage this week for HigherEdHero, I’ve received a lot of questions from folks wanting to know how we added a custom tab to my institution’s fan page. I thought it’d be a worthwhile blog post to show you how we did it, and to see if there are easier ways to accomplish what we have.

We have a “Welcome” tab on our page with some general campus information. It looks like this:

Picture 10

Here’s how to add a similar tab to your institution’s fan page. Keep in mind you must be an administrator of the page you want to add the tab to.

First, search for the FBML app. You can just enter in FBML in the search box on any page.

Picture 1

You’ll want the application called Static FBML. It will look like this. You can click for a larger size image.

Picture 2

Visit the application’s page, which looks like this. You’ll want to say “Add to my Page.”

Picture 3

When you add it to your page, you can choose what pages or applications you want to add the FBML to. You can add it to multiple pages, but be aware that you can only have 1 FBML application on a page, unfortunatly.

Picture 4

At this point, begin editing your page. Find the FBML area and click on the pencil icon to start editing it.

Picture 5

You’ll be given an area where you can title your box as well as edit the content. In box title, enter what you want the text of your tab to say. Don’t worry if you don’t know FBML, you don’t need to. You can put straight up HTML in here, complete with images and more.

Picture 6

Once you’ve got your content in the box (and don’t worry, you can always edit or add more later), it’s time to add it to your page. Go back to your fan page and click on the plus sign (+), which should be the last tab in the row, like such:

Picture 7

When you click the plus sign, you should see all the applications and content you can add as a tab. One of the choices should be the box name you entered when editing the FBML box. Click on it and it will be added to your page.

Picture 8

Click on the tab and if everything’s gone correctly, you should see the HTML content you entered in. Here’s what I see using the HTML I entered a few screens ago.

Picture 9

There you go – you should now have a brand new tab on your fan page you can add all sorts of neat content to. As I said earlier, as far as I know, you can only have 1 FBML app on a page at a time, thus just one custom tab. If you know a better way to accomplish this, please let me know.

Please see the comment from Mark below on how to have more then 1 FBML tab on a page