Setup a Landing Page on Facebook!

So you have finally gotten around to creating a page for your business or club on Facebook. You have secured a vanity URL and your blog's posts are automatically being pulled into and displayed on your Facebook page.

Now what?

Why not set up your own custom landing page?

If you haven't heard of a landing page before, it is the page on a website that you arrive on.. or land on.
When someone browses to your Facebook fan page for the first time, the landing page is page that is displayed to them.

Facebook allows you to configure landing pages for new visitors (ie non-fans), so that they land on that custom page instead of your wall.

The goal of the landing page is to convert new visitors into fans by providing them with information that makes them want to become a fan.

This guide will show you how to set up a custom landing page.

Add the Static FBML Application

Login to your Facebook account.
At the bottom left of your screen (in the status bar), click on Applications,

Then click on Browse More Applications,

In the search box type in FBML,

Click on Static FBML,

Click on Add to my Page,

Customizing Facebook Fan Pages

Search "FBML" (Facebook Markup Language) on Facebook and chose the app called "Static FBML" to experiment with. This app is for Facebook Pages (aka Public Profiles, aka Fan Pages) only. And YOU CANNOT RUN JAVASCRIPT in FBML pages, just CSS/HTML.


Adding Static FBML to your Public Profile (Fan Page)

1. Click "Edit Page" under the Page's large avatar image;
2. Under "Applications," under "More Applications" click the pencil/edit icon and select "Browse more";
3. Under "All Applications" in the left column, enter "static fbml" (without quotes) into the search field and hit your enter/return key;
4. Go to the Static FBML application from the search results page (it should be the only result);
5. Click "Add to my Page" in the left column;
6. You have successfully added Static FBML to your Page.

Adding Your FBML Box or Tab to Your Public Profile Page

• click on "Edit Page" in the left column right under the logo/avatar;
• Find the "Static FBML" link, click the edit/pencil icon and select "edit";
• enter the name you want to appear in the box heading in the "Box Title" field;
• enter the HTML content in the "FBML" field (I've only used HTML thus far; haven't tried FBML);
• if you want your FBML box to appear in the left column of your Wall, set the width to 180px 
• if you want it to appear in the tabs in the main Wall column, 600px is a good width 
• when you've added in your HTML -- there doesn't appear to be a "preview" function -- click "Save Changes";

Having Your FBML Appear Either in the Tabs or Left Column

• On your Page's main page, click "Edit Page" under the logo/avatar;
• Locate the FBML application (it will be called whatever you entered into the Box Title field, plus "FBML"), and click the edit/pencil icon;
• Select "Application Settings";
• Make sure "Box" is "added" and "Tab" is "added" and click "okay";
• Click on the "Boxes" tab on your Wall (at the top of the center column);
• to have the FBML box appear in the left (narrow) column of your Wall, locate the FBML box on the Boxes page, click on the edit/pencil and select "Move to Wall Tab";

To have it appear in the Boxes tab at the top, go to the FBML box you created in your left column, click the edit/pencil and select "Move to Boxes tab";
Creating Additional FBML Boxes

• Click "Edit Page" under the logo/avatar of your Fan Page;
• Locate the FBML box you have created;
• Click the edit/pencil and select "Edit";
• Below the fields for the box you created, locate and click "Add another FBML box";