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!

share this post

Stay up to Date


Subscribe to my posts via email

You can also follow me on BlogLovin or Feedly
Lauren @ Hobo Mama commented 26 times at OSN!
posted on July 12th 2010 at 2:04AM CST

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…

Lauren @ Hobo Mama's recent post: Mikkos first time-out — and why it didnt work
Damita commented 115 times at OSN!
posted on July 12th 2010 at 2:07AM CST

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

Damita's recent post: Blogging from iphone
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 2:13AM CST

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 commented 115 times at OSN!
posted on July 12th 2010 at 2:08AM CST

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 :)

Damita's recent post: Blogging from iphone
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 2:23AM CST

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

Sara commented 69 times at OSN!
posted on July 12th 2010 at 2:15AM CST

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

Sara's recent post: Weekend One
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 2:23AM CST

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

Maureen commented 32 times at OSN!
posted on July 12th 2010 at 4:08AM CST

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 commented 32 times at OSN!
posted on July 12th 2010 at 4:47AM CST

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

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 5:37AM CST

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

Maureen commented 32 times at OSN!
posted on July 12th 2010 at 5:54AM CST

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

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 7:32AM CST

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 commented 14 times at OSN!
posted on July 12th 2010 at 6:26AM CST

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.

Penny's recent post: How NOT to comment on blogs
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 7:33AM CST

OHH can’t wait to see the redesign!

Lynda commented 109 times at OSN!
posted on July 12th 2010 at 7:30AM CST

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. :)

Lynda's recent post: Completing The Kaliedoscope
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 7:33AM CST

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!

Uyen commented 10 times at OSN!
posted on July 12th 2010 at 8:26AM CST

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!!

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 10:57PM CST

Yay thank you so very much Uyen!!

Carrie commented 12 times at OSN!
posted on July 12th 2010 at 9:45AM CST

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

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 12th 2010 at 10:59PM CST

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 commented 5 times at OSN!
posted on July 12th 2010 at 11:06PM CST

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.

FoxyKate's recent post: For lack of a better blog post
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 13th 2010 at 1:39AM CST

LOL love it!

Melissa commented 9 times at OSN!
posted on July 13th 2010 at 7:18AM CST

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!

Melissa's recent post: A Week in the Life- Monday
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 14th 2010 at 2:04PM CST

Thank you so much!!

Teresa commented 5 times at OSN!
posted on July 13th 2010 at 11:20AM CST

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

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 14th 2010 at 2:06PM CST

YAY can’t wait to see it!

Katie commented 2 times at OSN!
posted on July 13th 2010 at 12:49PM CST

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!

:-)

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 14th 2010 at 2:07PM CST

Thank you Katie!

Kristi {at} Live and Love...Out Loud tweets at  & has commented 129 times at OSN!
posted on July 13th 2010 at 11:15PM CST

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

Kristi {at} Live and Love...Out Loud's recent post: Wordless Wednesday- Mystery Photo
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 14th 2010 at 2:12PM CST

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 commented 15 times at OSN!
posted on July 14th 2010 at 12:00PM CST

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.

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 14th 2010 at 2:14PM CST

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

Sheena commented 15 times at OSN!
posted on July 14th 2010 at 2:46PM CST

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

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 14th 2010 at 2:50PM CST

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 commented 2 times at OSN!
posted on July 15th 2010 at 1:54PM CST

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.

Katie's recent post: On To New-Old Things
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 16th 2010 at 5:41AM CST

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 commented 1 times at OSN!
posted on July 16th 2010 at 12:08AM CST

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.

christy's recent post: Its Friday- Im Hopping! No4
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 16th 2010 at 6:05AM CST

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

Penny commented 14 times at OSN!
posted on July 18th 2010 at 12:36PM CST

FINALLY got mine done!

Penny's recent post: Testing WordPress cellphone app
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 18th 2010 at 5:55PM CST

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

Sarah @ FFP commented 5 times at OSN!
posted on July 19th 2010 at 3:29PM CST

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!!!

Sarah @ FFP's recent post: Delicate Light
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 19th 2010 at 5:09PM CST

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

Danielle - simple.little.joys. commented 17 times at OSN!
posted on July 19th 2010 at 4:08PM CST

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. :)

Danielle - simple.little.joys.'s recent post: Just the cutest thing
Danielle - simple.little.joys. commented 17 times at OSN!
posted on July 19th 2010 at 4:09PM CST

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

I already “Like” your FB page.

Sarah tweets at  & has commented 3930 times at OSN!
posted on July 19th 2010 at 5:10PM CST

AWESOME! I love the font choices!

Tracie commented 4 times at OSN!
posted on July 23rd 2010 at 2:45AM CST

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!

Tracie's recent post: Sometimes Kids are Sticky
Sarah tweets at  & has commented 3930 times at OSN!
posted on July 29th 2010 at 3:25PM CST

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

Crystal - Prenatal Coach commented 6 times at OSN!
posted on August 12th 2010 at 12:45PM CST

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

Crystal - Prenatal Coach's recent post: Reducing Environmental Toxins BEFORE Conception
Sarah tweets at  & has commented 3930 times at OSN!
posted on August 12th 2010 at 4:02PM CST

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

Leave a Reply

Thank you for commenting! Please keep in mind that comments are moderated according to my comment policy.

Want to include a link to one of your blog posts below your comment? Enter your URL in the website field, then click the find a post button below to get started.





Subscribe via Email

Search OSN