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!

129 Newbury Street, Suite 400
Boston, MA 02116