Free info how to create a static fbml fan page. The information is on the web, but much of it only has bits and pieces of each step. Consolidated all the info so anyone can create an eye catching landing page for their fan page.

Guide will explain how to hide content from non-fans and how to make your newly created page the main landing page.

Static FBML for your facebook Fan Page

Create your own FBML Fan Page

What will a Static FBML Fan Page do for you?
Viral Marketing
Increased Fan Base
Professional Look
Generate Revenue
and more...


All of this information is available for free BUT I have compiled it and will explain it so anyone can do it!


Step 1 - Create a Facebook Fan Page
Create a Page | Facebook
Select a category and name for your page and click the button. Once your page is created click Become a Fan.

Step 2 - Add Static FBML to your Fan Page
Search for Static FBML or go directly to Static FBML | Facebook

You will need to click "Allow" for the application if this is your first time using it.
Under the image on the top left you will see a link called "Add to my page", click it.
A window will pop up and locate the name of your fan page. The list is in alphabetical order. Once you find your Fan Page name click the button.

Step 3 - Go Back to your Fan Page and Edit FBML
Not sure where to locate your Fan Page? Go to your Facebook profile and click the Info tab. Towards the bottom you will see an area called Pages and a link to the right that says See All. Click See All and select your Fan Page. IF you did not become a fan in step 1 search at the top of Facebook for your Fan Page name.

Now on your Fan Page click Edit Settings link at the top left under your image. Scroll down and look for FBML - FBML, click Edit.

For Box Title: enter the name for the tab. It can be anything to describe the content of the page such as Welcome, Specials, etc.

For the box labeled FBML: you can enter any HTML. Omit any <body><head><html> opening and closing tags.

Enter the below code to test:
<img src="http://mporgsoft.com/test/test.jpg">

After entering the code click at the bottom.

Step 4 - Adding your new Tab
Click the name of your Fan Page at the top left of the page you are on.

On the row of tabs click the + sign at the far right.

A list will appear and click the option called FBML, or what you called the FBML page as Box Title. It also will have the Static FBML icon to the left of it.

Once clicked a new tab will be added and you should see the "123 Test" image.

Again, you can add any HTML to this tab to make it as eye catching as possible. To edit the tab click the Wall tab, Edit Page link, locate the Static FBML icon under Applications and click Edit.

Step 5 - Make your new Static FBML tab the default landing page
While on the Edit Page screen from the previous step click Application Settings for the Static FBML application. Click Remove to the right of Boxes so it looks like below:

Next scroll up to Wall Settings and click Edit. For the option Default Landing Tab for Everyone Else: select the name of your Static FMBL tab from the list.

Note: When testing being admin you will also be directed to the Info or Wall tab. Use a different account that is not admin of the Fan Page to test.

Step 6 - Hide Content to anyone who is not a Fan
Want to offer a special coupon/discount code to your Fans? You can make any part of your page hidden to non-Fans.


See this feature in action on my Static FBML Fan Page here.


Go to your Wall tab, Edit Page link, locate the Static FBML icon under Applications and click Edit.

To the beginning of your page add:
<fb:fbml version="1.1">
To the end of your page add:
</fb:fbml>

If you still have the test image it will look like:
<fb:fbml version="1.1">
<img src="http://mporgsoft.com/test/test.jpg">
</fb:fbml>

Your "hide to non-Fans" code is:
<fb:visible-to-connection>
</fb:visible-to-connection>

Anything between the tags will be hidden.
Try the below code:
<fb:fbml version="1.1">
<img src="http://mporgsoft.com/test/test.jpg">
<fb:visible-to-connection>
Thank you for becoming a fan!
</fb:visible-to-connection>
</fb:fbml>

Save Changes and go to your tab. Note: As admin ALL HTML will be visible to you even if you are not a fan. Use a second account to test.


Facebook's TOS disallows the practice of any Fan Page from requiring a visitor to Invite Friends to view content.