How to Make a Facebook Page Tabs With Iframes

Custom Facebook Tab with Iframes

  1. Make a html, php or other type of web page and upload it to your web server. Instead of the code going directly into the Static FBML application the iframe application will be pulling the page you made to Facebook. This page will still need to fit within the Facebook size limit of 520px wide.
  2. Go to the Facebook Developers site.
  3. Create a new app by clicking on the ‘Set Up New App’ button.
  4. Give the app a name. I recommend naming it what you want the name of the tab to be. Agree to the Terms of Service and click on the ‘Create App’ button.
  5. Now for the fun part – the security check with the unreadable captcha. (I despise captchas but I guess that’s a topic for another day.)
  6. You will now be on the About Tab for the new application.

  7. Give the application a description. You can also upload an icon and a logo. I recommend at least using the icon because in the list of tabs on your page, your icon will appear rather than the iframe or static fbml icon. This is all we *have* to fill in on the About Tab.
  8. The next tab we fill out is SUPER important. This is Facebook Integtration.
  9. Canvas URL – fill out the directory where the file you uploaded is located. This DOES NOT include the name of the file. The URL must have a trailing slash. In my exampleit is
  10. Canvas Type – select, you guessed it, iframe.
  11. Iframe size – select auto-resize unless you want ugly scrollbars. Removing the scrollbars completely requires additional steps, which I will be discussing next week.
  12. Tab Name – this is what you want the tab to be called, such as Welcome, About, Contest, etc. The first time I tested this my tab name was ignored and the name of the Application was used, which is why I recommended naming the application what you want the tab to be called. I’m not sure why this happened or if I did something wrong the first time so if someone can clarify this, please let me know.
  13. Tab URL – this is the name of the file you uploaded. In my example it is index.html
  14. Click on Save Changes.
  15. You will now be on the screen with information about your new application. You do not need to submit it to the directory. Actually, you probably don’t want to do this because than anyone could add you custom iframe tab to their page – I don’t know why anyone would want to do this but you just never know.
  16. Click on the link on the right of the application information page that says ‘Application Profile Page’.
  17. You now need to add the application you created to your page. This is like adding any Facebook application, such as Static FBML. Click on the link on the left under the profile image that says ‘Add to My Page’. If you are an admin for multiple pages, you will need to select the correct page to add the new iframe page application to.
  18. Go to your page and you will see the new tab in the list under the page photo and, if you uploaded your own icon, you will see that next to the name of the new iframe page tab.

    Click More> Edit at the bottom of the list and you can move the tab higher up the list but it can’t go higher than Wall and Info.
  19. You can make this the default landing tab by going to Edit Page > Manage Permissions.


  1. You will have to make one of these for every custom tab that you want to make – if a page is going to have three custom tabs you will need to make three iframe apps for it.
  2. It is my understanding that if you are not logged into Facebook, you will not be able to see a custom tab created with iframes. This is not good for google searches that were locating our custom Facebook tabs. If I am wrong about this, please let me know.
  3. I have not yet figured out how to use code similar to visible to connection that is used to hide content from people who haven’t liked the page.


  1. More code flexibility – pretty much anything that will work on a html page will work on your iframe tab. For example, you can see that I added javascript to mine that shows my last twitter tweet. You can also add a video with the embed code and don’t have to use the fbml code for video. Other scripts and widgets will work too.
  2. You can add your Google analytics tracking code just like you would to any web page!
  3. You could make different pages in advance and quickly swap them out by simply changing the Tab URL in the application settings.
  4. Other? – You tell me.

You can visit the iframe tab I made here. I made a couple of changes to the content but I do need to update the video and make other changes.

If you would like assistance creating iframe tabs or transitioning your current tabs to iframes, please contact me for rates and to get added to my schedule.

read also: Everything You Need To Know About Facebook’s Epic Upgrade To Pages


New facebook pages

Similar to the design changes implemented to personal Facebook profiles several months back, today Facebook announced a similar redesign for business Pages.

The new look of business pages is currently available for voluntary upgrade, but it will be rolled out to all business pages on March 10. We recommend you wait for a few days to upgrade to the new Facebook page design since we noticed some bugs with the new page design that affect Facebook tab applications. We’re confident that Facebook will fix these issues in the coming days.

Some of the changes that the redesign will implement are:

1) New Layout:

Instead of the horizontal tabs on the top of the page that used to house all outside applications, “Wall,” and “Info,” users will now navigate between views using a vertical panel of links to the left of the wall. There is room for 6 links “above the fold,” which is to say, before a user can’t see additional links without clicking “More.”

Additional Changes:

Thumbnail pictures of the page admins will be featured on the right side of the page.
Features widget showing what pages the user has in common with the Brand’s “Liked” pages.
Similar to personal profiles, Brand Pages will now have a more prominent photo strip running horizontally across the top of the page that will display photos by those most recently tagged with the brand.

2) Enhanced Communication

To enhance responsiveness or just to keep admins more in the loop, you will be able to set up notifications of page activity that go to your email, such as any new Wall posts made by fans, etc. There are also enhanced moderation/spam settings so that you can specify lists of words or terms you want blocked from showing up from your Page wall if written in a comment by a misbehaved fan.

3) Interact as your Page

A completely new feature, Facebook has added the ability to interact with items around the social network as the brand page. In this way, you can “Like” other brand pages, interact on their Walls, and have those interactions be from your brand page, instead of your personal profile. We think this will be a great way to increase your brand awareness, by tactfully interacting with other pages and people who are influencers.

All in all, the changes to the business profile, which you can read about in depth here and here, are designed to better integrate brand Pages users’ experience with the rest of their time spent on Facebook. Our recommendation remains to wait on upgrading to these changes, to make sure every functionality and feature shakes out and becomes well known in time for the March 10th total roll out. As always, we will work our hardest to keep you in the know of any changes and enhancements made to Facebook’s platform.
Check out this post:

Sent from my iPhone

How To Develop A Facebook Page That Attracts Millions of Fans

10 Facebook Page Strategies Every Brand Should Know

1. Develop Custom Tabs for Custom Ads

Advertising your brand’s page is always extremely important. One of the greatest features of Facebook’s new pages product is that you can link directly to specific tabs. That means you can separate which pages a user views by default based on the ad that they clicked on. For example, perhaps you’d like to target two groups of users in different geographic locations. You would display one advertisement for people in Washington, D.C. and those users will land on a page which is specific to users from Washington, D.C. A different page would be displayed to users from San Francisco for example.

While this system isn’t necessarily the most scalable (for example having 500 tabs doesn’t really make much sense), it can instantly increase the conversion of new visitors into fans. This method also requires a bit more investment in customization but I’d argue that it’s well worth it, especially for smaller brands and companies.

2. Don’t Let New Users Land on the Wall

Why on earth would I tell you not to let users land on the wall? Well, my biggest concern is that they’ll bump into humpty dumpty. Seriously though, there is a huge opportunity to present users with engaging information and while the content provided by fans of your brand can be engaging, you have absolutely no control over it. That’s why it’s much better to have new visitors enter a controlled environment and then proceed to navigate through areas with less structure. Yes, the wall can be extremely valuable for letting users talk to you and your brand but such unfiltered waters are the last place you should force a new user to navigate through. Provide your users with a safe entrance to the muddy waters we call “social media” and they will forever thank you for it, trust me.

3. Create a Unique Page Image

I honestly believe that this is one of the most important components of a fan page. It’s a simple component yet within the confines of a 200 pixel wide box, you would be surprised with the creative ideas that people come up with. Recently Rob Banagale, a guest author on AllFacebook, published an article entitled “5 Creative Ways to Hack Your Facebook Profile Photo“. If you haven’t read it, I suggest you check it out. More impressive than the photos included in the tutorial are the photos that numerous users posted at the end.

I cannot tell you how many standard Facebook Pages I’ve seen in which the basic logo is displayed. If your company has more than one employee (has extra resources), there should be no excuse for not creating an engaging photo for your Facebook Page. It’s one of the first things users look at and it has the potential to leave a lasting impression so make it good!

The photo posted above is a unique user profile photo but I think it illustrates how you can develop creative photos that take advantage of the awkwardly positioned border. If you have other creative profile photos or Page photos that you’ve created or seen please let us know about it.

4. Integrate Applications To Increase Engagement

The last thing you want is for users to land on your Facebook Page and leave immediately. The greatest opportunity you have to capture their attention is through engaging applications. There are currently over 55,000 applications on the Facebook platform and a relatively large portion of them can be directly integrated into your fan page. Over the coming weeks there will be numerous applications that are built around the soon to be updated Facebook Page API which will make it easier for brands to launch a relatively engaging Facebook Page within minutes.

For larger brands I highly recommend that you develop a more robust experience for the user. Games, quizzes, and other types of dynamic content in general can help keep users on your Facebook Page for longer durations of time. As you know, we live in an attention economy and that means you want to get all the attention you can from consumers. One thing you should make sure is that your application has a call to action so that when a new user lands on the page they are immediately engaged.

5. Join the Conversation, It’s Not Optional Anymore

-Conversation Bubbles Icon- As I stated before, this is the first time that brands have the opportunity to be a major part of a user’s conversation on Facebook so take advantage of it. That means every time someone comments on your new status, a photo, a video, a discussion thread, or anything else, you need to comment on it. Gone are the days of a one-way conversation in which the brands talk down to their customers. We are in the midst of a conversational revolution and your company needs to be part of it. At this point, you don’t have the option not to participate.

Failing to engage your customers and potential customers means less revenue, and it also means you’ll be losing to your competition who is engaging with their customers on a regular basis. Whether you are a small business (dentist, physician, plumber, restaurant, etc) or a large corporation, you need to be talking to your client and the only way to do that is through a two way dialogue. They’ll ask you questions that you can reply to and you can ask questions as well. Ask about what would improve their experience with your company. Also, ask them about the world in general because at the end of the day, they’re humans just like you.

It takes extra effort to engage your clients and going that extra mile will always keep clients coming back. You want to promote an exceptional brand right?

6. Publish Interesting and Relevant Content

Just like in other areas of social media (blogs, Twitter, etc), it’s extremely important to provide interesting content to your readers. Facebook is no different. By regularly referencing other relevant content, your fans will keep returning to your page. While attracting repeat visitors is not the single most important component of fan pages, repeat engagement is easily the second most important variable. In virtual economies, one of the most effective measurements of the state of an economy is repeat usage. Facebook pages and other digital content channels are no different. Users that return to your page regularly are significantly more likely to become paying customers.

Even more important is that existing customers who return to your Facebook page are more likely to continue as customers. The bottom line is that a plain looking Facebook page is not doing your company any favors. Yes, having any sort of presence is always better than nothing at all but if you took the time to read through this guide, please do me a favor and make a little extra effort to create an engaging Facebook page. So how do you find interesting content?

While I won’t dive to deep into the details about finding interesting content, you should be able to find relevant content to your readers by doing a search on Google Blogsearch, and leveraging an RSS reader like Google Reader. Typically I would assume that most readers of this site know what RSS is but if you don’t it’s a simple way to read the content on sites without actually having to visit each site individually. If you want to learn more, check out Google’s Feed 101. If you want the short answer for finding interesting content: look for it. I wish I could say it’s easier than that but unfortunately it still takes time to find interesting content.

You can turn to other forms of content aggregators like and but those typically only serve specific communities. If you are outside of the new media industry, you’ll have to use traditional sources like Google News, Google Blogsearch, and the mainstream media.

7. Repost Comments By Other Users

If you are on Twitter, reposting information is essentially the same as a retweet. By reposting a person’s information, you are complimenting them and they will be more likely to pay attention to you. I should note that I’m using “you” and “your brand” interchangeably in this part because in social media, you should be placing a face on your brand. Right now Fan Pages aren’t extremely conducive to putting a face on the brand but that will change overtime. Reposting the information that other users post is extremely valuable.

Don’t overuse this though! I can’t tell you how often I see people on Twitter retweet other users continuously, hoping that it will suddenly increase their follower base drastically. While it will help, this is not something which should suddenly drive thousands of users to your fan page. Instead, it’s a good habit to get into as overtime you and your company’s reputation will build for engaging users on a regular basis.

8. Update Regularly!

While it’s extremely important to monitor the conversation that users are having within your branded Facebook Pages, it’s also extremely important to help spark the conversation. By posting questions to users, creating new topics within discussion forums, and performing other activities that create dialogue (such as the previous one mentioned), you’ll keep users coming back to your Facebook Page. This is similar to the concept of posting blog posts regularly (which by the way can be automatically imported to your Facebook Page) on your company blog.

Just as I’ve emphasized the importance of quality content and engagement with your fans, the most important thing is persistence. Unless you keep engaging your fans on a regular basis and continue to post interesting content, you are going to find it difficult to continuously attract new fans.

9. Post and Tag Users in Photos and Videos

Tagging users in photos and videos is probably one of the most effective promotional activities that you can do. The only challenge is coming up with content to tag users in. The best way to get photos and videos of your fans is through hosting events as I mention in the next tip but if you can’t host events, you’ll need to come up with creative ways to tag your fans. So how do you do that? That’s a bit more complicated but nothing that a creative marketer can’t figure.

One way would be to introduce a contest to your fan page and then tag the winners of those awards in a trophy photo. If you want to take that idea a step further you could actually integrate your fans’ photos into the trophies. This is just one idea though and there are a limitless number of ideas out there. Tagging users is a naturally viral process because as soon as you tag one person, their friends see it and then users are driven to that album which in this case, resides within your fan page.

There is one extremely limiting factor about fan page photos though: you must be a friend of a user to tag them! Yes, it’s unfortunate and honestly I don’t think it makes much sense. While Facebook should enable fan pages to tag members of the page, they haven’t done so yet. Theoretically I could suggest leveraging “guerilla tactics” or overly aggressive techniques to tag members. What are these “guerilla tactics” that I speak of? Well you can figure it out on your own but one example would be adding a fan as a friend for the sole purpose of tagging them in a photo.

I don’t recommend using this technique or any technique similar to this though because you may end up in Facebook jail (a.k.a. getting banned from the site). For the time being I would recommend posting as many relevant photos as possible and tagging those users that are in them. The more tagging that takes place, the quicker your page will spread.

10. Leverage the Power of Facebook Events

-Facebook Events Icon-Events provide an amazing opportunity for brands to reach out to their fan base. Best of all, these events don’t actually need to be in person events! While it’s not possible to view the network density of the fans of your brand (you can’t easily see how many fans are friends with each other), when multiple people RSVP to an event there are increased odds that your event will be distributed through the social graph, in turn driving new users to your brand’s page.

Like previous tricks or tips that I mentioned, there are inherent limitations. The primary one being that messages sent out to an event created through a fan page do not end up in a user’s inbox. Instead, those messages are sent via page “updates” which are displayed in a separate area. Fortunately, Facebook’s redesigned homepage, which is launching this week, includes updates at the top of a user’s homepage, making them more visible.

via How To Develop A Facebook Page That Attracts Millions of Fans.

Essential Apps for Your Brand’s Facebook Page

Essential Apps for Your Brand’s Facebook Page

1. Facebook Notes

This app was originally a Facebook feature that they then converted into an application; as such, it is sponsored and maintained by Facebook and less likely to break or be abandoned. Set this application up to pull in the RSS feed from your blog or other content source and it will automatically bring everything into Facebook and show all of your friends that you’ve posted a new Note.

This notification system is important for staying on their radar and is more visible than an RSS Reader, or mini-blog as I like to call it, but lacks many formatting capabilities; it’s best to think of Notes and an RSS Reader as working hand in hand. Start here to get content coming into your Page, then move on to the RSS Reader.

2. Blog RSS Feed Reader

I may have jumped ahead a bit with the Notes recommendation, but I am assuming that most companies have, or could have, a blog. If you don’t, work on that before Facebook, for many more reasons than I could get into here. But if you already have a blog, good news: there are tons of blog and RSS apps out there, but I’ve done the leg work and I found this one offered more functionality, better customization (you can pick an image to make your Facebook mini-blog look more like your actual blog) and a greater sense of control. It can be a bit buggy, but it’s worth persisting for the level of customization, and therefore attention grabbing potential.

3. Twitter App

Again, this assumes that you have a Twitter () account, but if you’re reading this and working on a Facebook Page, my guess is you do. Or you at least know you should have one. If not, set one up before adding this application to your new Facebook Page. This will automatically pull your tweets into your Facebook status, and it puts a cute little Twitter-themed box on your profile, so everyone knows you’re cool enough to be on Twitter. It also saves you time in updating AND ensures profile activity to keep you relevant.

4. Static FBML

Neither Facebook Pages nor Profiles allow any type of HTML in the main content section, but you can add FBML and HTML applications to add more stylized elements to a Page, like clickable images, anchor text and interactive content. The Static FBML app allows you to add advanced functionality to a page by placing a customizable box in which you can render HTML or FBML (Facebook Markup Language), giving you free reign over the space to add images, video, stylized text and almost whatever else you want. This app was developed by Facebook, so it’s fully supported and not prone to the problems of some third party applications.

5. Extended Info

In the Extended Info box you can use HTML to customize any kind of content and create numerous fields beyond the standard Information categories; you can also name the box anything you want so it matches your page perfectly. This app works much like the Static FBML application but is slightly easier to use. Although not developed by Facebook, it is highly ranked and provides a nice alternative or second customizable box option on a page.

6. Flash Player

This Flash application, also developed by Facebook, will add a box to your Page in which you can upload your own Flash files to achieve advanced customization and play any kind of Flash video, widget or game. It can be renamed to maintain the integrity of the page and keep the look and feel consistent with your brand.

7. Posted Items Pro

With Posted Items Pro you can embed multiple YouTube (), Yahoo, and Google Videos, music mp3s, sites, files, and more onto your profile and Facebook pages. You can add any variety of these elements, making it great for a media center or press section.

8. Something Unique

If you have the resources, add some personality to your profile with a fun, irreverent application that you create just for your Page. This could be tied into your brand in multiple ways; try to think of something that people outside of Facebook would appreciate or enjoy that will remind them of who created it and keep them coming back, like a game or contest.

via 8 Essential Apps for Your Brand’s Facebook Page.

16 Facebook Applications to Boost Popularity of Facebook Fan Page

1. SlideShare

One of the must have applications if you’re into slide presentations. Don’t limit your slides on SlideShare , integrate your account into fan page (limitation of one account per fan page). Import existing or selected presentations based on relevancy and you fans will love you for it.

Suggested Read : How to Design Effective Slides

2. NutshellMail

NutshellMail is originally a management tool to sum up your social network activities and have them sent to you via email. Its integration allows the page owner to update status, reply to comments easily from within the email:

But that’s not all.

NetshellMail has recently provided Facebook Fan Page admin the efficiency to create automated email newsletter for fans to subscribe! Now fans can decide what and when can they receive emails highlighting latest updates based on delivery preferences. A wonderful feature to assist busy fans to follow up and comment on wall posts through email directly. (Note: Does not support Discussion Board updates)

3. Reviews

Reviews are similar to testimonials. Now you can request your fans to review your blog, service or product to build credibility. Give new visitors some ideas about your branding. However, placing the ‘reviews’ tab meaning you are open to all positive and negative comments, kindly be aware of that. Here is an example of the review I did for my blogger friend, Luci on her fan page:

4. Poll

A fun and non-stressful way for all fans to participate. Insert a customized poll and have your fans select their choice of answer(s). Send an update to them about the poll will double the effect (be moderate with messages, not TOO frequent). Tweet about it, anything to get the message out. Fantastic way to collect data and monitor responses. Notify your fans the final results and request opinions. Here’s an example:

5. YouTube Video Box

6. RSS Graffiti

7. Static FBML

Here comes my favorite part of this article. For all bloggers you should be familiar with HTML codes for blog customizations and such. Well, now you can fix up a desired tab in your fan page according to your likings with Static FBML (Facebook Markup Language). This advanced feature allows page admins to modify or add extra info to their fan pages using the HTML or FBML, for example setup a landing page, displaying social media profiles etc.

When you’re in my fan page, clearly you can see some added tabs above the Wall posts. These are just some of the examples you can get out of Static FBML:

i) Landing Page

ii) Member of the Month 2010!

Suggested Read : 9 Ways to Enhance Your Facebook Fan Page with Static FBML

8. Extended Info

9. More Extended Info

No catch here. It works exactly as #8, enables you to add a clone or an extra Info tab whenever necessary.

Extra Tip: Profile HTML

10. Memorable Web Address

11. Discussion Board

12. Notes

13. My Account (is @ Twitter)

14. LinkedIn profile

15. Skype Me

16. Web Profiles

Suggested Read: Learn another 15 applications more here at 31 Facebook Applications to Enhance Your Facebook Page!

thanks to

Facebook Marketing Strategies

  1. Building Your Brand through Facebook Pages
  2. Growing your Facebook Page Audience
  3. Designing Your Facebook Page
  4. Advanced Strategies for Facebook Pages
  5. Tools and Analytics for Pages
  6. Facebook Groups
  7. Facebook Events
  8. Facebook Questions and Places
  9. Performance Advertising Fundamentals
  10. Ads Targeting on Facebook
  11. The Facebook Open Graph, and APIs for Web Publishers

resource:facebook marketing bible
the  resource for advertisers, brand marketers, and developers seeking to make the most out of their Facebook campaigns.