Share |

January 4, 2011

How to add a custom landing page to your Facebook Page

Adding a custom and professional looking landing page for your Facebook page is SO EASY and yet I see so many pages without one.

First things first... You need to make the graphic for the page. In Photoshop, create a new document that is 520px wide and as long as you feel necessary. Set your resolution at 300px and I like to start with a transparent layer (not that you have to). 

Then I build my design with various digital scrapbooking elements, fonts, pictures, storyboards... whatever you want to convey to people who have never seen your page before. Wow them. There are tons of freebie stuff out there... simply google "Free Digital Scrapbook" and you have hundreds of options. 

This is my final design that I want to be a landing "Welcome" tab for a Photography page...

Cute, huh?

Save As a PSD so you can change things later if you want and then SAVE for WEB & Devices...

Then go to (log in if you have one... create an account if you don't... it's FREE) You can even log in with Facebook :) 

Upload the jpg you saved for web and devices....

You are going to want the copy the HTML code. So under the Share this photo click on that option and it will turn yellow and say "copied".

Now on to Facebook... 

In the search box you can type Static FBML and it will take you to their page. Like the page and then click Add to my Page which is under their profile picture. It should either come up with your page.. or it will say application... it's done both to me. I don't know why.

Editing the FBML Tab

Now that you have added the application, Go to your page. In the ‘Edit Page’ menu you will see an ‘FBML – FBML’ entry. Click ‘Edit’ for this entry and then add the Title which will appear on the Tab.
In the content field you can paste the code you copied from Photobucket.
Click ‘Save Changes’ when you are finished.

To make your new tab the default landing for people who have never seen your page before...

Go to your page and click on Edit page again... this time go to Manage Permissions and you'll see the drop down for Default Landing Tab, simply put this on your new tab! and you're done!

Let me know if you have troubles... I couldn't give you accurate screenshots since I already use the application... so I didn't, it would only confuse you more I think. 

I can't wait to see what you come up with!! Please send me a link if you do this!


  1. Thank you so much! I've been looking for a great lesson on how to do this! Here is the link to the page I created using Creative Memories StoryBook!

  2. Thank you so much for this! Your instructions were great!
    Here is my link

  3. Terrific Post! I am really into social media right now (like everyone else out there!), especially Facebook Marketing and FBML. It can be hard to keep up to date with such a fast changing innovative topic but I manage to do it through the fan page factory ( ?) and blog posts exactly like yours. Tips and tricks rock. I am trying to learn as much as possible to put myself ahead of the curve. So thank you again!



    Also, have you heard of lujure? ( it supposedly lets you create custom pages with NO coding. let me know!

  4. Hello,
    Nice blog i like it
    When a business creates a Facebook fan page, they can put their company logo as well as all inventories directly onto the page.

    Custom facebook fan page

  5. woohoooo!! thank you so much!

  6. ps: how do you do a second box though? (like memoriesbysparky has a 'promotions' tab) - you got me started now!!

  7. Sarah... the easiest way I have found to add another tab is to LIKE FBML 2... and add another page that way :)

  8. What an exciting blog. The most effective way to market any business on Facebook is to create custom Facebook fan pages.

    custom fanpage

  9. Thanks a lot for your tips to create page.Now I can easily create custom fan page.This blog will really help me in becoming a good landing page designer.Thanks a lot once again.


Related Posts Plugin for WordPress, Blogger...