blog-wp

Go check out the awesomeness of my Facebook Fan Page. Seriously. I dare you.

I bet you totally want to learn to do it right? Right!

Now there are plenty of other tutorials out there but generally, I’m not fond of them. Overall they suggest creating a single boring graphic, it doesn’t help you link to your other outlets like [twitter] for example. A graphic is PRETTY but I’m all about connecting with links.

Now, I am going to assume you already have a facebook fan page (and you really should go and make a vanity URL just make sure 25 people are “liking” you!).

How to add the Static FBML application to your page

  • Make sure you are logged into facebook
  • Go to the Static FBML page
  • Click “Add to my Page”
    pic
  • A lovely window should pop up with all the pages you are an Admin of. Click “Add to Page” next to the page you want to make awesome.
  • Go to your FB fan page and click “Edit Page”
    pic
  • Go down to the Applications section until you see the FBML area
    pic
  • Change the box title to something short and sweet.Put all of your glorious HTML into the box.
    pic
  • Go to your FB fan page and click “Edit Page”
    pic
  • Go down to the Applications section until you see the FBML area and click “Application Settings”
    pic
  • A box will pop up asking if you want this new “page” to be a box or tab. We want it to be a tab.
    pic
  • Look, you have a new tab! Click it and make sure your HTML is correct, everything looks and works the way you want it, etc.
    pic
  • Now, we want to make this new tab the FIRST thing a new visitor will see, and hopefully they will be so amazed by your awesome creativity that they will “like” you!
    Go to your FB fan page and click “Edit Page”
    pic
  • Go down to under and click “Edit” under the wall settings
    pic
  • There’s a ton of settings but the only one we care about right now is “Default Landing Tab”
    pic

I know it looks like a lot of steps but really, it’s quite easy! The hard part is figuring out what you WANT on your landing page!

To help, here’s mine up for grabs! Download my FB Landing Page!

Now, in the comments, share YOUR Facebook Fan Page! Landing page or not, I want to become YOUR fan as well!

If you have any questions, need help, whatever it may be, feel free to ask!

Subscribe to my posts via email

You can also follow me on BlogLovin or Feedly
Lauren @ Hobo Mama
posted on July 12th 2010 at 2:04AM CDT

What a great tutorial, and I love your landing page!

Here’s mine:
http://www.facebook.com/HoboMamaBlog?v=app_4949752878&ref=ts

My tutorial (http://www.laurenwayne.com/2010/03/create-facebook-landing-page-for-new.html) was more about WHY to make one, because I’m lazy. ;) I really like your step-by-step instructions with screen shots. Looks very helpful.

I will have to add your tutorial and link to my tutorial. But keep in mind that I seriously am lazy, so it might take awhile…

Damita
posted on July 12th 2010 at 2:07AM CDT

Love your page so pretty had to become a fan ;)

posted on July 12th 2010 at 2:13AM CDT

Thank you! I may expand on it in the future but for now, it works!

Love how you made sure to not “just” have a graphic but incorporate links, it drives me insane to see a landing page that MENTIONS twitter, their blog, whatever but then I have to hunt it down which takes time and I give up lol.

Damita
posted on July 12th 2010 at 2:08AM CDT

Great tutorial :) Would try this but my website is off the radar on facebook due to offline friends that I don’t want to find my own website :)

posted on July 12th 2010 at 2:23AM CDT

Thank you! Aww well hopefully you will make a fan page in the future!

Sara
posted on July 12th 2010 at 2:15AM CDT

AWESOME Tutorial Sarah!! I’m going to have to implement this on my photo business page. Yours is gorgeous, om nom nom!

posted on July 12th 2010 at 2:23AM CDT

YAY thank you! You need to link to your photo page so I can take a look!

Maureen
posted on July 12th 2010 at 4:08AM CDT

Great tutorial girl, and I like your page. It looks so purrty! Love what you did! Will try to tweak mine and come back to show you the end result :D Fingers crossed.

Maureen
posted on July 12th 2010 at 4:47AM CDT

Yours is so pretty, Sarah! I totally love it. Here’s what mine looks like: What do you think? I wish I can make a prettier header :D

posted on July 12th 2010 at 5:37AM CDT

LOVE IT! Omgosh you need to go make your vanity URL asap!

Maureen
posted on July 12th 2010 at 5:54AM CDT

Thanks Sarah! There’s no way I could do it without your tutorial. Now, what is a vanity URL?

posted on July 12th 2010 at 7:32AM CDT

So that your fan page URL is like facebook.com/you rather than a bunch of numbers and such!

http://www.facebook.com/username/

Penny
posted on July 12th 2010 at 6:26AM CDT

This is great! I’m going to try this out for my page. It’ll be a little while though, I’m trying to redesign my site.

posted on July 12th 2010 at 7:33AM CDT

OHH can’t wait to see the redesign!

Lynda
posted on July 12th 2010 at 7:30AM CDT

Very nice. I made one the other day using Problogger’s tutorial, which is rather similar to this one. I LOVE your landing page! I haven’t had a lot of time to work on mine, so it’s just a couple of graphics strung together.

Great way to personalize the tutorial and bring it to your audience. :)

posted on July 12th 2010 at 7:33AM CDT

Yep I saw ProBloggers and Blogging w/Amy’s after I posted this. I wish I had a fancier SHORTER way of going about it to be a bit more unique… I like to think my purple circles are fancier LOL.

Thank you so much!

posted on July 12th 2010 at 8:26AM CDT

I love it Sarah! I want one too! I’m going to have to follow your tutorial as soon as I can find time to do it. But great job!!

posted on July 12th 2010 at 10:57PM CDT

Yay thank you so very much Uyen!!

Carrie
posted on July 12th 2010 at 9:45AM CDT

here’s mine http://www.facebook.com/carrieactually?v=app_4949752878 i emphasized links as well. my only problem was i couldn’t figure out how to make the font larger but now that i see your code i see i need to put the html on every line not just at the top

posted on July 12th 2010 at 10:59PM CDT

It doesn’t need to be every line, I just wanted pretty colors lol, however it DOES need to be defined in a div style for sure. Also yes, MAXIMIZE the space you have, I won’t be able to tell for a few weeks if my landing page will improve “turn over rate” if you will.

FoxyKate
posted on July 12th 2010 at 11:06PM CDT

I don’t know crap about crap but I am so looking forward to sitting down with your tutorials sometime this summer during my glorious baby whisperer hours o’ freedom.

posted on July 13th 2010 at 1:39AM CDT

LOL love it!

posted on July 13th 2010 at 7:18AM CDT

Wow- that’s serious AWESOMENESS! I haven’t yet created a FB Fan page but it’s on my to-do list. I know from my work in marketing though how important landing pages are and you’ve nailed it! Thanks for the step-by-step… I’ll definitely be referencing it!

posted on July 14th 2010 at 2:04PM CDT

Thank you so much!!

Teresa
posted on July 13th 2010 at 11:20AM CDT

This is wonderful! Thank you! I am definitely going to have to implement it on my book blog’s fan page: http://www.facebook.com/ReadAllOverReviews

posted on July 14th 2010 at 2:06PM CDT

YAY can’t wait to see it!

Katie
posted on July 13th 2010 at 12:49PM CDT

Haven’t done this yet…haven’t even joined twitter yet…so much to do…so little time…but thanks for the tips. Bookmarking this page and subscribing to your blog!

:-)

posted on July 14th 2010 at 2:07PM CDT

Thank you Katie!

posted on July 13th 2010 at 11:15PM CDT

I’ve gotta tell you, I fell in love with your Welcome page the minute I saw it. I love that you’ve done a tutorial, but I’m worried that it’s totally beyond me. lol Therefore, I’m wondering how much you’ll charge to create a Welcome page. lol Seriously!
I know. I know. I’m a pain in the butt. Sorry.

Kristi, Live and Love…Out Loud
@TweetingMama

posted on July 14th 2010 at 2:12PM CDT

Thank you so much!!! Hmm that is a good question! I suppose it depends on how fancy it goes, probably a range from $20-40?

Sheena
posted on July 14th 2010 at 12:00PM CDT

So I toyed around with it and every time I go to my page a “Welcome to your new Page. Let’s get started!” page shows up. I guess others aren’t seeing that. I haven’t done up my “Welcome” yet, so I stopped it from showing as default for now.

posted on July 14th 2010 at 2:14PM CDT

Yep as the admin you will see that page until you complete the steps it outlines basically.

Sheena
posted on July 14th 2010 at 2:46PM CDT

Ahh so it’s like starting over in a sense.

posted on July 14th 2010 at 2:50PM CDT

Well that more so has to do with just creating a fan page from what I learned. Can’t wait to see what you come up with!

Katie
posted on July 15th 2010 at 1:54PM CDT

Thank you for this, Sarah! I’ve done a little with mine, and will add more pretties later.

BTW, for some reason mine will not have the landing page as the one I created. I can’t figure it out.

posted on July 16th 2010 at 5:41AM CDT

If I go to the main URL for your fan page, it directs me straight to the Howdy tab! You should create a vanity URL too!

christy
posted on July 16th 2010 at 12:08AM CDT

I love the idea but I’m still learning about code and really want my little sentence even or side by side with my subscribe thing. Thanks so much for posting I like it anyways.

posted on July 16th 2010 at 6:05AM CDT

Thanks for commenting! I’m glad you found it somewhat useful!

Penny
posted on July 18th 2010 at 12:36PM CDT

FINALLY got mine done!

posted on July 18th 2010 at 5:55PM CDT

Sweet!! I “liked” your page too, awesome job!

posted on July 19th 2010 at 3:29PM CDT

I already told you how awesome your page was on FB but I have to say I loved your tutorial and it is so nice that you provided a free template for others to use!

My landing page is here: and is not really that fancy but I wanted something I could make quickly during my daughter’s nap, lol!!!

posted on July 19th 2010 at 5:09PM CDT

Awesome job! I “liked” it! I love the font you used!

posted on July 19th 2010 at 4:08PM CDT

Thanks for this post Sarah! I now have a Welcome page for my Facebook page. I’m not quite done with it, but it’ll do for now. :)

posted on July 19th 2010 at 4:09PM CDT

Oh yeah, here’s my Facebook page. !/pages/simplelittlejoys/224782543396

I already “Like” your FB page.

posted on July 19th 2010 at 5:10PM CDT

AWESOME! I love the font choices!

posted on July 23rd 2010 at 2:45AM CDT

I’ve got the fanpage http://www.facebook.com/fromtracie
Now this weekend I need to follow your tutorial and make a kick-butt welcome page!

posted on July 29th 2010 at 3:25PM CDT

OHHH awesome! Now you need to make a landing page hehe!

posted on August 12th 2010 at 12:45PM CDT

Thank you for this informative post! I love your landing page!! You’re so right about it being most effective if it’s catchy AND functional.

I JUST launched my new blog this week. My fan page is very new so I haven’t tried making a landing page yet. I’ll give it a go by following your steps.

Here’s my page: http://facebook.com/prenatalcoach

posted on August 12th 2010 at 4:02PM CDT

OH sweet! Let me know when you get your landing page up!

Leave a Reply

Thank you for commenting! Comments are moderated according to my comment policy.