Posts Tagged How to add an iframe tabs to facebook fan page

How to add an iframe tabs to facebook fan pages

Posted by on Monday, 14 February, 2011

March 11th, facebook will disable FBML Static application to use on your facebook fan page. In this case, they are replace iframe for adding your fan page tabs. In this post we will show you how to add an iframe tabs to facebook fan pages.

Before you start, you need a domain and hosting. If you don’t have a domain and hosting, we recommend you get it at http://techofsoft.com/hostgator/ because it has 99.9% uptime guarantee.

If you already have it, let’s move on..

  1. You need to login and go to http://facebook.com/developers/ then click “Set Up New App” button.
    Set Up New App
  2. Write your App Name and tic Agree and click “Create App”
    App Name
  3. Enter the security check.
    Security Check
  4. Click on Facebook Integration
    Facebook Integration
  5. Enter the Canvas Page and Canvas URL.
    Canvas Name and URL
  6. Scroll to bottom, enter Tab Name and Tab URL and change Page Tab Type from FBML to IFrame. Then click Save Changes.
    Tab Name and URL
  7. Click on Application Profile Page
    Application Profile Page
  8. Click Add To My Page
    Add to my page
  9. Choose which page you like to add and click Add To Page and close.
    How to create a facebook fan page
  10. 10.  Now open your FTP program. And upload your design index.php file to your hosting (get filezilla here http://filezilla-project.org/download.php )
  11. 11.  After finish upload you can go to your page and you will see your new tab.
    Fan Page

Watch video below if you not clear.

We hope this post will help you to add an iframe tabs to facebook fan page.