Adding Static HTML to Your Facebook Page: iFrame Tabs


Hey there,

Have you ever wondered how they managed to add a bunch of tabs to their Facebook business page?
You can add more than one tab with the Static HTML: iframe tabs app.

  • Once you install the app and create a page and save it, you can then go into edit mode on the first page.
  • On the page where you’ve added your html code for that first tab, look near the top of the page, just below the title of your Fan Page, and you’ll see a tab that says “FAQ & Help Center [x]”.
  • Click on that tab and it will expand.
  • Next, click on the menu item titled “How do I add more than one tab?”.
  • From there select whether it’s your second, third, fourth, etc. tab. You can have up to 12 tabs.

So apparently, you have to add a different app each time you want to create a new tab with Static HTML.
For your reference, here are all of the links that you’ll need to create multiple Facebook apps with Static HTML:

  1. https://apps.facebook.com/static_html_plus/
  2. https://apps.facebook.com/static_html_two/
  3. https://apps.facebook.com/static_html_three/
  4. https://apps.facebook.com/static_html_four/
  5. https://apps.facebook.com/static_html_five/
  6. https://apps.facebook.com/static_html_six/
  7. https://apps.facebook.com/static_html_seven/
  8. https://apps.facebook.com/static_html_eight/
  9. https://apps.facebook.com/static_html_nine/
  10. https://apps.facebook.com/static_html_ten/
  11. https://apps.facebook.com/static_html_eleven/
  12. https://apps.facebook.com/static_html_twelve/

Now, that you have a bunch of empty tabs, you might need my help to create some content that will populate them.
By the way, the tabs content has a fixed width, so just linking to you website pages will not work well.
I’ll have to do some magic and build something more “responsive” to size changes.

Have fun!