Facebook is one of the most popular sites on the internet so it’s obviously a place where you want your business to be seen. In the past, businesses would create profiles or groups for their company but Facebook has stated that businesses should only create a fan page. In fact, if you create more than one profile, you risk getting one or all of your accounts deleted.

Setting up a fan page is easy.

Log in to your Facebook account and go to http://www.facebook.com/pages/manage/, then follow the directions.

Once the page is set up to your liking, it’s time to create a custom landing page. Here are some awesome resources to find inspiration:

or just search Google for something like “best facebook fan pages.”

Notice how lots of these fan pages have custom landing pages. These are one of the best ways to get someone to “Like” your page. You want to create some sort of call-to-action (CTA) on your landing page that points people in the direction of becoming a fan. Don’t send people to your site here. You want visitors to become fans of your page, that way you can market to them over and over again in the future. Your updates will go right into their Facebook feed, and that’s where you can send them to your website.

Let’s get started!

Go the “Edit Page” link beneath your fan page picture.

edit page link

Then scroll down to the very bottom of the page. In the “More Applications” section, choose “Static FBML.”

static fbml link

You’ll be taken to the “Static FBML” page where you will have to select the option “Add to my Page.”

add FBML form

If you have more than one fan page, choose which one you’d like to add the application to. To get back to your fan page, click the drop-down menu under Account and select “Manage Pages.”

manage pages

You’ll notice there’s now an FBML tab in the main navigation for your page. No need to go here yet. Click the “Edit Page” link once more and look for the FMBL area now located beneath the Applications section. Choose “Edit,”, name your tab whatever you want and then enter this code in the large box beneath the title:

<style type=”text/css”>
<!–
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.oneColFixCtr #container {
width: 520px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.oneColFixCtr #mainContent {
padding: 0 20px;
}
–>
</style>

<div id=”container”>
<div id=”mainContent”>
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet.</p>
<!– end #mainContent –></div>
<!– end #container –></div>

enter FBML code

This code was taken directly from a two-column HTML Dreamweaver template. I cleaned out any code that wasn’t needed and changed the width to 520px, which is the maximum width Facebook will allow. This is very simple code just to get you started, but as you can see, you are able to edit the CSS to make it look however you want. If you want to use a different Dreamweaver template, for example a 3-column design, save the code and delete these few things to make it work with Facebook:

  • Doctype section
  • Meta section
  • Title section

and these tags:

  • </head>
  • <body>
  • </body>
  • </html>

On a recent page I worked on, I completely deleted the h1’s, h2’s and the paragraph tags and inserted an image with a CTA, with a maximum width of 520px. I uploaded the image to my own server for this. It might look familiar to you if you’ve seen the Red Bull Facebook page

CTA for Radical Golf Carts

I’m not a designer, so I used the Red Bull page as inspiration. I hope they don’t mind too much. If you don’t have any design skills whatsoever, you might want to hire someone, such as from 99Designs.com.

Since this is your landing page, you also need to set it so that it’s the open tab when someone visits. Back in your page settings, go to Wall Settings and set the “Default Landing Tab for Everyone Else” to the FMBL tab you’ve created. And if you want to move the tab in your navigation, just go to your page and drag it around with your mouse. You can’t put it before your Wall or Info tabs though.

Good luck! I’d love to see some examples of your own work if you want to post them in the comments too.