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!
FaceItPages http://www.faceitpages.com/ has had an iframes app out now for over a month. Easy to use and you can add multiple apps to your iframes page such as photo gallery, blog feed, Twitter feed, Slideshare, Scribd, opt-in form and more.
For some reason, i doesn’t show my *.pgn file when i hit the preview button?
What’s wrong here?
If it is an image, it’s probably meant to be png
It installed great and easy and I use a picture image so it worked perfectly. Quick question for someone though – how do you create more than one page? I did the welcome page but I wanted to include another custom page as well and can’t seem to figure out how to do that.
Hi,
I found a solution very usefull.
Just add the application iframe.apps to the fan page: http://www.facebook.com/iframe.apps
Feel free to tell it to your readers,
Bruno Bros
Mari – This looks an awesome tool
Love it!!
One more day .. 😀
Do you offer a version without the ‘Wildfire’ link and logo so I can offer this out to my clients?
Hey Mari…I actually noticed a lot of issues with this Wildfire app, and have found that it really only works with images. If you try to do anything custom it messes up. I guess for people who only want an image based page, it would work.
The wildfire app sounded good so I tried it, however after it asked me which page to add it to it dropped me back into my personal facebook page and nothing else. I tried going to wildfire to finish creating iframe but couldn’t find anything about it. No idea what is going on or how to finish this….