iFrames for Facebook maximum Width and Height

Facebook Developer LogoThe maximum width and height for a Facebook iFrame page (so that it will not create scroll bars) is:

Width: 490 pixels
Height: 764 pixels

There are 2 good ways of creating an iFrame tab for Facebook. I’m going to call them the easy way and the proper way. There are advantages and disadvantages involved.

Easy Way: iFrames for Pages App (by WildFire)
This application makes it very easy to create Facebook tabs in minutes and comes with a helpful form that lets you create a Facebook iFrame page without any coding knowledge. The downside is that the iFrame page is hosted on WildFire’s shared servers and this makes it difficult to track through Google Analytics.

Proper Way: Facebook Developers App (by Facebook)
This is the true proper way of adding an iFrame tabbed page to your business Facebook page. It takes about 10 minutes to set up and there are a lot of steps. If you are not comfortable with creating HTML pages or Facebook development, you may need assistance with a web designer (contact us). Advantages to this way include proper analytics tracking, complete control over content including shopping cart and e-commerce functionality, as well as a host of others.
Great tutorial: How to Set up a Facebook Custom iFrame Landing Page Application (tutorial from HubSpot)

Good luck!

Web Designer, Internet Marketer, SEO Expert, Husband, and Father.

Tagged with: , , , , ,
Posted in Facebook Pages, Social Media
6 comments on “iFrames for Facebook maximum Width and Height
  1. thibault says:

    My facebook tab (static html tab) fits with 480 width ( not 490) and 764 height (right).

    Does it change depending on if you re firefox, explorer, chrome or even pc or mac?

  2. Mick Davies says:

    I use a bit of CSS magic, overflow:hidden; and wrap everything in a container 520px wide. I just hate how the height is limited though!

  3. Razibul Hassan says:

    Facebook iframe page max width and height to avoid scroller:

    Width: 480 pixels
    Height: 764 pixels

    While designing a facebook store, maintain this pixel to avoid showing the scroller.

  4. Razibul Hassan says:

    The height limitation is irritating and the facebook should give a second though on the height limitation. Modern web designing has lot of sites with a large height.

  5. Smithd40 says:

    It is actually a nice and helpful piece of information. I am happy that you simply shared this helpful information with us. Please stay us informed like this. Thank you for sharing.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>