New iFrames Facebook Page App With Fan Gate Option – from Wildfire
The clock is ticking to March 11th, 2011 when Facebook will no longer allow the creation of new FBML custom tabs/apps. Users will need to switch to iFrames where you basically create your own app and host your own media that’s used to customize any pages. (Important note: any and all custom content you created with the Static FBML app up to and including March 10, WILL continue to be supported. You will not suddenly lose any custom content; you’ll still be able to edit the content, you just can’t add any new FBML “tabs.”)
For most small business owners, the switch to a more complex system where you create your own app might sound scary. However, your web design company can create any custom web page on your own website, skin it to no more than 520px wide, and that’s what you drop in to your iFrame app.
The ability to include some Facebook coding such as Fan Gate (also known as a Reveal Tab) can be tricky with iFrames. Fan Gate is where non-fans who visit your page see one form of content and when they click the Like button to join your Page, the content changes to something just for fans. This is a great feature for special offers, discount codes, free gifts, etc.
Good news: Wildfire to the rescue! Just this morning, Wildfire Interactive launched their super simple iFrames for Pages app. I just took it for a test run myself and was very impressed; in just a few easy steps your new tab can be live. You do need custom images and/or HTML though (same as before with Static FBML) – keep reading!
I was heartened to see, compared to many other apps, Wildfire’s Request for Permission is very light. They ask for access to the basics only – see screenshot below.
(By comparison, see Dennis Yu‘s “Most Invasive App EVER” to get a sense of all that apps could ask you for permission to access. Don’t worry, clicking the link only shows you the Permissions screen – close the window or click Don’t Allow!)
Once you grant permission to iFrames for Pages, select the fan Page you wish to add the iFrames for Pages app:
Now I did think this next step was savvy on Wildfire’s part – they ask for your contact information before you can proceed further:
After filling out this short form and agreeing to Wildfire’s terms and conditions, the next step is a simple dashboard with three choices.
- Fan Gate on or off. When “on” is checked, non-fans will see different content. When you check “off” the page will show the same content to both fans and non-fans:
- Fans view – where you can upload a custom image directly from your desktop and Wildfire will host it for you. Or if you select the Custom HTML option, you’ll see a small field to enter your code (ideally created in a WYSIWYG editor).
- Non-Fans view – ditto above! Use an image or HTML.
Once you’ve inserted the content you want for Fans and Non-Fans, click the Save & Preview button. Voila!
The default name of the “tab” will be “Welcome.” To change the name of the tab to something else (now that Facebook allows renaming of third party apps!), just click the Edit Page button at the top right of your fan Page > click Apps > go to the new iFrames for Pages app > click Edit Settings > type whatever you wish in the Custom Tab Name field > click Save then OK.
This is very exciting! Many small businesses will be able to take advantage of this simple tool right away with very little technical knowledge.
See the app in action on my own Page here with my simple demo! Then go here to install the iFrames for Pages app.
To quote Wildfire:
The fan gate (when coupled with incentives like deals, contests and exclusive content) has been one of the most effective ways for Facebook page owners to grow their fans/likes. Facebook’s FBML fan gate functionality enables marketers to display one type of content to fans, and another type of content to non-fans, thus providing a great way for brands to encourage Facebook users to “like” a page (e.g. non fans might see a message such as ‘Like us to access exclusive content or a 50% off coupon”).
Wildfire’s iFrame application provides exactly the same kind of ‘fan gate’ functionality and the best part is that it’s easy to use and requires no technical expertise. Additionally, by using our iFrame app Wildfire takes care of hosting your content – something that Facebook used to handle via its FBML app but that companies must now handle themselves given Facebook’s change to iFrames for page tabs.
Apparently, Wildfire’s iFrame application will be FREE for the next three months. It’s not clear if you install the app now that you’ll be grandfathered in and be able to use the app free forever. Or, if Wildfire is planning to introduce a fee scale where free users will then need to pay to continue. I’m verifying this with Wildfire and will let you know!
UPDATE: Confirmed from Wildfire: any Facebook Page Admins who install the free iFrames for Pages app will indeed be grandfathered in at the free rate. So, this is great news. No need to worry if you’ve set up the app that you’ll then have to start paying for it down the road. Keep an eye on Wildfire’s developments though; I have a feeling this is just the tip of the iFrames iceberg. 🙂
From Wildfire:
[UPDATE: We’re so glad you’ve been asking— for those who are wondering, all users who install the app while it’s free will be grandfathered in when the app becomes paid, and will not have to pay then.]
Meantime, there are a plethora of custom Facebook Page app services out there who are offering all manner of templates and customization. See this post for ideas. I’ll be sure to review more as I can. Plus, hop over to my friend Tim Ware’s blog for great iFrame tutorials for the DIY peeps!
Let me know if you try the new iFrames for Pages app, or if you’ve integrated other solutions. I’d love to know!
I’ve tried, but it doesn’t seem to let me add new tabs like the FBML did. I am still playing around with it though.
With iFrameWrapper you cannot only add more then one tab, but also decide in witch moder the next tab is: Just html, a full CMS with multitabs or just an iframe. And this with automatic multilingual support plus revealpages on each tab seperately, as an option. For a twitter tab, you only need to type your twitter screenname in a field and it allready works, a service where you pay for at other iframe solutions…
But we can’t add more than one tab..#fail
Hello,
The connection with https does not allow application iframe non configured https to appear on the fan pages.
iframe.apps allows to create an iframe without being facebook developer and avoid to purchase and configure the SSL certificate.
The application iframe.apps (http://www.facebook.com/iframe.apps) proposes to:
– add in an iframe tab an existing web page by simply inserting the URL
– or create a new iframe tab with the HTML editor integrated
(same as what was managed Static FBML)
Your comments and remarks are welcome. They can help us evolve.
Bruno B.
@Marypratt.. If you are using iframewrapper, then you are doing something wrong indeed. Please come over to our wall, we will be glad to help you!
@Charl.. jammer, facebook tabs kan jy nog nie op jou cel wys nie.
Love this app however it will not allow me to add more then one to a page, is this the way it’s set up or am I doing something wrong?
These posts are extremely insightful. But back here in South Africa a lot of people access Facebook pages via mobile phones. Is it possible to navigate applications, especially Fan Gate, on a cell phone through a browser or Facebook app?
Make sure you check out http://www.iframewrapper.com. It provides not only a fangate, but also a choice of icons and even multilingual pages for your visitors. Really easy to use and installed within 2 minutes!
How does this work if your running a wildfire campaign I wonder? Does anyone know?
thanks you been looking for this info for a while now…i’m a newbie at this. now that i’ve added those app to my fan page how to do go about designing it?