Making a Facebook Landing Page

Pin It

Today, I am going to show you how to make a landing page for your blog's Facebook fan page.  You may have thought landing pages were a thing of the past.  If so, you will be happy to learn that  you can still create them.  The tutorial will also include customizing your tabs.

Making a Landing Page for your Facebook Fan Page

First,  you will need to go to your personal profile page and do a search for Static HTML: iframe tabs. Click on the one with the star as the avatar. 



Next,  you will arrive on this screen and you simply have to click the button. 




Next, choose the page you want to add the landing page.  So far so, good, right?



Don't panic!  You will be taken directly to your fan page but it will appear that nothing happened.  Look closer.   That's right, the tab with the star avatar is where you click to get started.



Next, several options appear. The options are easy enough to understand and implement. You just need to pick the one that works best for you.  I prefer HTML because a world of options is at your fingertips.  If you don't know HTML, then compose a post on your blog with images and links then switch it over to "HTML" and copy the code.  If you have a page set up that you want readers to visit then you have the option of adding the page and essentially making it your landing page. 



Now,  you have the option of enabling fangate.  What is fangate?  Fangate is a page visitors will see before "liking" your page.  The options allows you to offer something to fans only.  The point is to entice people to "like" your page. 




If you enable fangate, the content you submit will appear like this to non-fans.  Now, go back up to the screenshot above.  Fangate can be customized using HTML, website, image, etc.  



Using HTML, I was able to make a fangate page look must nicer than the default.  IMPORTANT:  Your fangate page and landing page will NOT automatically link back to your wall.  You must add a link to get your fans and new fans to your wall.  Another reason HTML is easy...you simply make a button as you would make a button for your blog, except link it to your wall. 



Now, that you have a landing page you need to let people see it.  Facebook will NOT direct non-fans to your landing page by default as they once did before the timeline.  So, you need to grab the link to your landing page and start using it in your promos, on your blog, and wherever you link your Facebook page.  



Are you wondering how to find your link?  I have the answer.  Simply hover over your thumbnail with your mouse and a little pencil will appear.  Click on that pencil and a variety of options are at your disposal.  One such option will give you the direct URL to your app or you landing page.  Grab that link, and embed it where you need it.  The URL will be an ugly link so you can use Bitly to shorten it or if you use Wordpress you can use Pretty Links to customize it.  The only other way to customize your link is to purchase a domain and point this one a way and the other another way...and around again until you are dizzy.  Honestly, I think the process is easy but sadly, I have no wisdom to share.

It is on this list of options that you can also change the image and the name of your tab.  Valuable stuff, Facebook Page Owners, valuable stuff.  You can customize it to match your theme or offer a promotion or whatever you can think of to get your fans to click over.  Yes, you can have more than one Static HTML tabs.  



If you decide to create a custom tab, which I highly recommend, just create an image in PicMonkey or your favorite photo editor, and size it to 111x74.  You can customize any tab with an image you create.  Think of it like a clickable header that some people have on their blogs.  So have fun with it and get customizing!