Add a new tab to a Facebook page (2012)

I had so many problems with adding a new tab to a Facebook page containing an iframe content from an external website, that i though i put this tutorial together for others that might have the same difficulties.

Requirements
In this tutorial i assume you have already set up or know how to set up the following things:

1. Facebook Page
2. Facebook Developer account
3. URL to external website

The steps

Create New App: Go to https://developers.facebook.com/apps/ and create a new app. Then chose your app from the list and click the Edit App button at the top right.

Allow Tab feature: Scroll down the page and activate the Page Tab field. Here you need to fill in the name, url and secure url. The URL is the address to an external page (Example: http://www.my-website.com/facebook-landing-page). More and more users use Facebooks secure browsing feature. If you like to provide a page for these users as well, you need to provide a url to a website with ssl security as well (Example: https://www.my-website.com/facebook-landing-page). Facebook actually requires this address now, but it is unclear what happens if you don’t provide it.

Activate the tab: At the time when i write this tutorial there was no way to activate the tab other then using the below link. In the past this was done by going on the application page. But since Facebook has gotten rid of them, we can use this link (replace YOUR_APP_ID with your apps id. This can be found in the url of your app).

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=https://www.facebook.com/

When you go to your Facebook page you should now see your new tab (If not, click the arrow on the right to expose the second row of tabs. You might find your new tab there)