Jonathan Goldford June 21st, 2011

How to Design and Program a Facebook Landing Page

We all know that Facebook provides a great opportunity for organizations to connect with their target audience and interact with their clients. To do this more effectively, organizations are creating custom Facebook pages to differentiate themselves and represent their brands on Facebook. But how does one go about creating one? How exactly should one be designed and what are these iFrames that are used? If you've been looking for answers, take a look at this screencast. We'll be going through an introduction to designing and programming a Facebook landing page using iFrames. Enjoy! How to Design and Program a Facebook Landing Page from NoupeMag on Vimeo. Please feel free to share your comments with us in the comment section below. (il)(rb)

Jonathan Goldford

Jonathan Goldford is a partner at Wired Impact, a web design company that builds websites for nonprofits. Jonathan spends the majority of his time focused on web development and usability, and gets what may be considered a bit overly excited about a few milliseconds of load time.

85 comments

  1. VERY usefull! Thats exactly what I was searching for and a real timesafer too!

    Thank you so much for sharing this with us all! I will try to produce a Tut like this in German. Hope it will be almost as good as this…

    Cheers
    Thomas

  2. This is an awesome tutorial. I wondering if doing it this way solves the whole issue of your custom landing tab not being the default once the user has liked your page? Or if that issue came after you did this?

  3. Hi Jonathan
    First – thank you so much for the video. It is great and a huge help. However, I am still having a problem with the sizing on my page. I don’t mind that it is too long and has a vertical scroll bar, but I hate the horizontal scroll bar and nothing I have tried has changed it.

    The div width is 510. the table width is 510, but the whole thing is displaying much wider. Help!

    Thank you

  4. Facebook has changed again..surprise surprise. Any chance you guys are working on a new tutorial that refelects the changes in their back end??

  5. Hey Man,

    facebook has changed its developer login page, when i login and crate a new app i dont get any of the screencast settings above, can u update this tutorial for the new fb setup, thanks man

  6. Hi,

    greate tutorial, thanks

    i have created a landing page. but i am facing problem to shows it,

    i have made application as you suggest when i as an admin go to my page i can see my application tab as well as the application page. but users are not able to see the page but even also not the tab.
    what is going wrong?
    please response as soon as possible.

    thanks ion advance.

Leave a Reply

Your email address will not be published. Required fields are marked *