Update: I wrote a post on how to build a tab in 2013 that also supports the mobile view in the article: How to create a mobile (and desktop) facebook page tab (2013)
If you have a Fan-Page for your Company, Blog or any other Product that has Customers or Fans, you’ve probably also wanted to give them some special content through your Fan-Page. In this Tutorial/How-To I’m going to show you how to create Facebook iFrame Tabs with Fangate for free (because you’re doing it yourself).
You’re lazy and just want to download the whole example with a pdf-tutorial? I prepared a downloadable .zip file, to get it you’ll need to spread the word by tweeting about it!
1. Step: Prepare your webserver for the app.
Disclamer before we start: So you need some webspace to display that content of the tab. After all it’s only an iframe, so Facebook won’t take care of hosting your information.
You need a webspace that is able to serve the content with a secure HTTPS-Connection.
After October 2011, Facebook requires you to serve your content through a secure connection. If you can’t deliver that, fear not, you have other options: Use one of the many Apps out there to help you out. The disadvantage? The are always branded by another company and will therefore not look as professional. Also complex php-mysql-magic like submitting a form to your database won’t be part of the deal.