blog-wp

Facebook decided to up and change just about EVERYTHING when it came to fan pages so here is a NEW hardcore awesome tutorial on how to create a fabulous landing page, like I have on OSN’s FB fan page!

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 first!).

How to add the Static HTML: iFrame Tabs application to your page

  • Make sure you are logged into facebook.
  • Go to the Static HTML: iFrame Tabs page.
  • Click “Add to my Page”
  • 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.

Customize the New Welcome Tab

  • Now go back to your fan page and click the Welcome “tab” on the left sidebar.
  • The great thing is that you can now use javascript, link to an outside page, and more by using the iFrames protocol.
  • Put your glorious XHTML or whatever you want into the top box and leave the bottom box blank.
  • Now we want this to be our landing page for non-fans. So go back to your fan page and click “Edit Page”.

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
posted on April 14th 2011 at 7:30AM CDT

Thank You!! I just created a fan page for my photography, and I’m working on getting more “Likes.” Can I do ANY of this without at least 25 likes?

posted on April 15th 2011 at 6:21PM CDT

OHH link me to your fan page. You only need the 25 “likes” for the vanity URL.

posted on April 17th 2011 at 8:16AM CDT

http://www.facebook.com/pages/Sunset-Winds-Photography/156261001103901

It’s literally JUST getting off the ground, but I hope my little baby will grow!

posted on April 14th 2011 at 8:58AM CDT

Oops, you lost me at “the great things is that you can now use javascript….” LOL. Those words are “scary”!

posted on April 15th 2011 at 6:22PM CDT

LOL I know more PHP than I do java-ANYTHING however at the core of it, before FB didn’t allow it, now they do. Which is neat. If you ever wanted to learn more about it / use it anyway LOL!

Jenny
posted on April 14th 2011 at 9:44AM CDT

woo! I was wondering what you had to do to make a FB Landing Page… now I know! Off to make mah own! :D

posted on April 15th 2011 at 6:22PM CDT

Link back here so we can like it!

Lynda
posted on April 14th 2011 at 9:45AM CDT

Great tutorial, Sarah! I still have yet to create a landing page. As you said, the figuring out what should go there is the hardest part and is stumping me. Maybe I’ll use your template. :)

posted on April 15th 2011 at 6:31PM CDT

Love your landing page!

posted on April 14th 2011 at 10:27AM CDT

Thanks for the tutorial!

I wanted to make a landing page for my blog on Facebook but I’m afraid I wouldn’t have enough followers. (Still working on the following thing though.)

Either way, this might come in handy. :)

posted on April 14th 2011 at 2:21PM CDT

thanks for this! This is probably step 2, but I can’t seem to get the “home” page to be the landing page for existing groupies. Is there a secret to this?

posted on April 15th 2011 at 6:32PM CDT

Explain? Are you wanting the landing page to be the first page EVERYONE sees or just non-fans?

posted on April 17th 2011 at 8:34AM CDT

I want two separate ones – and I’m just having a hard time seeing the one I did for Fans – not sure if I didn’t do it right or I can’t see it because I’m an admin.

posted on April 18th 2011 at 11:28AM CDT

Try a different browser while logged out of FB? That’s what I do or use private browsing feature on Firefox to see what “non-fans” would see. If you mean you created a FAN landing page, then when you save it, it should show you an option to “see” what fans would see.

posted on April 15th 2011 at 6:31PM CDT

PSHH even one follower is a good start!

Sharon
posted on April 14th 2011 at 5:06PM CDT

Thanks for such an awesome tutorial. I just might have to finally follow it make myself a landing page.

posted on April 15th 2011 at 6:32PM CDT

YAY when you do, link it back here so we can like it!

nimil
posted on April 15th 2011 at 7:47PM CDT

thank you for this tutorial (and for the old one!) i’m trying to figure out what the heck to put on my landing page but since you said to share, here’s mine: http://www.facebook.com/pages/System-Overload/171149539600552 no vanity url yet :( i don’t have enough fans…

posted on April 15th 2011 at 8:17PM CDT

I suggest a bit about yourself, what you use your FB fan page for, and links to your twitter/website.

Angela
posted on June 12th 2011 at 9:11AM CDT

Question? What if you only want your landing page to be visible to non-fans and you want your “wall” to be visible to existing fans (versus another landing page). How do I do that? Thanks!

posted on June 12th 2011 at 9:42AM CDT

Doing the last step DOES that. It will only show the Welcome tab to non-fans and by default, show the wall to existing fans.

Angela
posted on June 12th 2011 at 2:09PM CDT

Thank you so much Sarah. I guess I need to pay better attention to what I’m reading-DOH!

Balanced Melting Pot
posted on June 20th 2011 at 10:55AM CDT

Okay, the hardest part for me is the HTML that goes in there. I tried copying code from my blog (you customized it for me) and it doesn’t seem to work. Do you have to create it from scratch?

posted on June 20th 2011 at 3:26PM CDT

No, you can copy and paste from other sources.

What do you mean though about it not working, does it give an error, not look right, give a blank page?

Balanced Melting Pot
posted on June 20th 2011 at 4:33PM CDT

Never mind :-) I played around with it some more and got it to work. Thanks a bunch. My page is here http://www.facebook.com/BalancedMeltingPot?sk=app_190322544333196

arvee
posted on August 29th 2011 at 2:58AM CDT

I finally had decided to make a landing page for my blog! ♥ Yayy… Thanks to you! ;) I downloaded your code and edited it.. ;) Thanks Sarah~

posted on September 7th 2011 at 11:03AM CDT

AWESOME!

Amanda Jillian
posted on December 23rd 2011 at 9:23PM CDT

Check out my fan page, it’s kind of a thrown together landing page for now, just trying to figure out the coding.

Leave a Reply

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