How I Created A Facebook Landing Page For Free (And You Can Too)

Steve Fogg —  October 9, 2011 — 13 Comments

How To Create A Facebook Page

I recently moved my blog from Typepad to WordPress and I needed to create a new Facebook page because my old Facebook page was somehow linked in with my Typepad account and I couldn’t figure out how to separate it from my old blog. I have people following that first page (and my new one) from all over the world which is so cool. The best part of creating this new page was to create my own custom landing page/welcome screen. I’d like to share with you how I did it.Having my own custom Facebook page is an extension of my blog. It is an outpost for my blog where I can post any bite size thoughts I have about marketing, communications branding and all things digital. It also has links to really good quality content that I really like and want to share. I’ve taken a strategic decision to take this kind of content off my personal Facebook because I felt like I was spamming my friends with insights and links that were of no use to them. You should have seen the comments when I told them all I was making my own page for my blog, it was like there was a collective sigh of community relief.

Here’s the thing. You can create your own custom Facebook landing page too. It is ridiculously easy. It should take you about 15-20 minutes tops once you have the graphics you want.

The main problem I faced was that I am to coding HTML what Homer Simpson is to Lycra. Not a good fit. I searched online to see if I could create a landing page for free without the complexity of handling lots of code and found a really good tool which I think anyone like me who isn’t great at coding (and with no budget) could create their own page in under an hour.

I would like to share with you how I did it. The beautiful thing is that it is really simple.

Step 1: Create graphics

There are 3 graphic elements that you need:

Facebook landing page cheat sheet

1) Your profile picture should be 180 pixels wide x 540 pixels deep. You can upload this graphic straight into Facebook. Nothing special really required here technically. Choose a good quality photo of you or the logo of your organisation with a link to your website or blog.

2) Your custom tab which you can rename as your welcome tab. Your custom tab is 520 pixels wide x unlimited pixels deep, although it’s probably good to keep the depth above the screen fold. This first graphic is the first of two graphics. The first graphic is for when people haven’t liked your page, the second for after they have liked your page. Notice I have asked the person to ‘click like’. It’s really important that you direct people and tell them why clicking like on your page will be valuable to them.

3) Your after you ‘like’ custom tab is the same size – 520 pixels wide x unlimited pixels deep. I’ve tried to keep the page consistent from a design point of view with my blog and using a verbal tone of voice that reflects me. You’ll notice that I’ve directed the viewer to act by asking them to drop a comment on my wall.

Facebook landing page

If you are using a WordPress blog you can upload the before and after ‘like’ custom tab pictures on your blog under the media tab on the left hand side of your dashboard. This way you can insert the URL when you get to step 2.

There are also five pictures at the top of each page that you can upload smaller graphics into. I haven’t done that yet (sooo unprofessional ;-))

Step 2: Add Static HTML in Facebook

I used Static HTML however there are plenty of other free landing page tools that you can use such as Pagemodo which I didn’t see until after I finished my page. I like static HTML because it was so easy to use and it was really easy to follow the instructions.

All you have to do is click the button ‘Add static HTML’ on the Facebook page and follow the prompts on the page. The only bit of coding you have to do is insert the URL of your before and after custom tab pictures from your blog into the code.

facebook landing page code

If you look at the top of the picture about there is a FAQ’s section that will answer your questions. It really helped me. Failing that drop me a line below!

It’s so easy to create your own custom Facebook landing page. When you do create your own page comment below and I’ll ‘like’ it!

I’m curious, if you created a Facebook page for your blog, organisation or business what app or tool did you use? (P.S. if you haven’t liked my Facebook page yet come and say hello!)

 

If you liked this post, please say thanks by sharing it:

Related posts:

  1. 4 Free Apps That Will Help You Build Your Facebook Landing Page
  2. How To Create A Facebook Landing Page For Your Church
  3. 5 Church Facebook Landing Pages I “Like”
  4. How To Quickly Create Custom Facebook Landing Tabs For Your Church

13 responses to How I Created A Facebook Landing Page For Free (And You Can Too)

  1. I recently set up a simple landing page for our church’s new cafe using PageLever (http://www.facebook.com/TheVineCafe), though after reading this post I may well explore the possibilities of Static HTML.

  2. I had a landing tab set up before, and then there was something about images now needing to be hosted in a special way or it not working so I disabled the tab … so where does one host images for a landing tab now?

  3. I am SUPER thankful for this post! I used the advice that Steve gave here to create a custom landing tab for our church’s facebook page. You can check it out here: https://www.facebook.com/changepointalaska?sk=app_201143516562748

Trackbacks and Pingbacks:

  1. 5 Church Facebook Landing Pages I “Like” | Steve Fogg: Clear & Simple - November 2, 2011

    [...] of churches seem to be creating custom landing pages which I REALLY like. (I recently wrote a step by step guide about how you can create your own custom Facebook [...]

  2. 4 Free Apps That Will Help You Build Your Facebook Landing Page | Steve Fogg: Clear & Simple - November 29, 2011

    [...] had a huge response recently when I wrote about how I created my own Facebook landing page. I had such fun making my own Facebook page that I thought I [...]

  3. How to get a custom welcome page for Facebook » djchuang.com - November 9, 2012

    [...] + Steve Fogg’s step-by-step guide to build one for free http://www.stevefogg.com/2011/10/09/how-i-created-a-facebook-landing-page-for-free-and-you-can-too/ [...]

Leave a Reply

*

Text formatting is available via select HTML. <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>