Create iframe Tabs for Facebook Pages

In previous article, I already created a simple Facebook Page. A simple Facebook Page looks the same as a Facebook personal account. Let’s take a look at the tabs of a newly created Facebook Page again:

The default tabs of a Facebook Page are Wall, Info and Photos.

For a Facebook personal account, the above tabs are good enough. However a Facebook business page may require some additional tabs, for example, About Us, Company Information, Our Service, Our Products, etc… Actually additional tabs can greatly enhance contents of a Facebook Page and provide more useful information to customers.

Today, I am going to discuss how to create new tabs on Facebook Pages.

I already create another new Facebook Page (MoneyBusters)  before. I will use this MoneyBusters Facebook page to create a new tab (Make Money Team). Moreover this new tab (Make Money Team) will also be the landing page (i.e. homepage) of MoneyBusters Facebook page.

To give you some idea how the new tab works, let’s take a look at the final result of MoneyBusters Facebook page.

The live demo of MoneyBusters Facebook Page can be accessed at:

http://www.facebook.com/MoneyBusters

Okay! Let’s see how to create a new tab for MoneyBusters Facebook Page.

The basic information of MoneyBusters Facebook Page is shown in the diagram below:

In order to add a new tab, you need to access the Facebook developer page. Click on the “developer” link at the footer.

Note:
Facebook will require to confirm your account if this is the first time you have accessed developer page.

Once access the Facebook Developer page, Click on the”Apps” link on the top menu as shown in the diagram below.

The Apps screen appear. Click on the “Create New App” button to create a new App. Actually a new tab created on a Facebook Page is also consider as an App.

A New App window pop up. Enter a name for the new App in the App Display Name field.

The App Setting screen appear. Enter the required information and change the tab icon (optional) as shown in the diagram below.

Each field of the App Setting is explained in the diagram below:

As you can see, the new tab is simply an iframe that displayed contents from your hosting account.

Note:
Developers are not allowed to use FBML to use Facebook server to render contents a few months ago.  Now developers can only use iframe to display contents of new tabs of Facebook Pages.

This entry was posted in Facebook, Webpage Design. Bookmark the permalink.

17 Responses to Create iframe Tabs for Facebook Pages

  1. I just prefer the information a great deal, I actually do hope you would likely blog a lot more about it.

  2. Expecting another good facts in this subject matter.

  3. You are so cool! We dont assume Ive discover something such as this before. So great to seek out somebody with some authentic thoughts on this subject. realy thank you for starting this up. this website is one thing that is desired on the web, someone with a bit of creativity. helpful project for bringing one thing new to the web!

  4. ugg boots says:

    I just could not depart your site before suggesting that I very loved the conventional info an individual provide for these potential customers? Is gonna be back frequently to check clearance ugg boots on up on new discount ugg boots for women posts

  5. I just want to say I am all new to blogging and site-building and definitely savored this blog. More than likely I’m planning to bookmark your website . You actually have tremendous stories. Many thanks for revealing your web-site.

  6. Blogs Tricks says:

    Hmm is anyone else having problems with the images on this blog loading? I’m trying to find out if its a problem on my end or if it’s the blog. Any suggestions would be greatly appreciated.

  7. Hi there, it looks like you have a pretty fine blog this day! I really enjoy a nicely updated article.

  8. car donation says:

    Happy New Year to you and yours!

  9. car donation says:

    Here’s to a GREAT new year!

  10. Stay at home dads says:

    I was reading through some of your blog posts on this internet site and I think this site is really instructive! Retain putting up.

  11. Thank you for another excellent post. Exactly where else could anyone get that kind of facts in such a ideal way of writing? I’ve a presentation subsequent week, and I’m around the look for this kind of details.

  12. Awesome post! I will keep an on eye on your blog.

  13. Appreciate the article, I hope you publish more.

  14. Wow that was unusual. I just wrote an extremely long comment but after I clicked submit my comment didn’t appear. Grrrr… well I’m not writing all that over again. Anyway, just wanted to say superb blog!

  15. Abram Prich says:

    Straight to the point and well written! Why can’t everyone else be like this?

  16. Couldn’t have said it better myself.

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>