One of the most powerful functions of your business’ Facebook Fan Page is the ability to display one view to fans, and another view to non-fans. When users land on your page, Facebook is immediately able to differentiate between fans and non-fans, and show each group different content. You can use this identification capability to convince non-fans to like your page by showing them what they’re missing by not being fans. Whereas before you had to know how to code landing pages with FBML, Wildfire recently released a free iFrames app that lets you easily create custom landing pages with “fan gates”: no coding necessary!
Here are six real life examples of Brand Pages that implemented Wildfire’s iFrames solution to create compelling landing pages with fan gates:
1) Provide access to special discounts.
Studies have consistently revealed that the number one reason that users will fan and follow brands is for access to exclusive deals, promotions, information, content, and advice. Dorm Room Movers promises the user that he will receive special discounts if he likes the page, and does so with a bright green illustration to attract attention. Click here to see the page live, and if you want the special discount code for yourself!
2) Be specific about the benefits fans receive.
A great approach to compelling users to like your page is to list the exact rewards or content they can expect if they become a fan. Fitness Expert Ary Nunez has a list of specific content items, advice, playlists, and challenges that the user can expect to have access to if he follows her page.
3) Provide illustrated call-outs.
Don’t be afraid to point out the like button with an illustrated call-out. This added emphasis helps to naturally draw the user’s eye to the like button. Check out how First and Main Sports Lounge effectively uses this technique on their fan page.
4) Quantify the advantage.
Instead of offering vague promises of discounts and benefits of being a fan, try actually throwing a number out. Tucker Blair promises that all fans of the clothing merchandiser’s fan page will get an exclusive 25% off discount, just for hitting the like button.

5) Make your fan gate visually appealing.
Optimize for the Facebook tab width by designing your images to be 520 pixels across. Additionally, use imagery that flatters and matches with your brand. The L’Evento Boutique fan page uses a simple but elegant image with their logo that draws attention to the contrasting color of the call-to-action statement at the top of the picture.
Your landing tab doesn’t have to stay the same all through the year! Test out different pages that change along with your marketing calendar: you can design pages that relate to annual holidays, or to the promotions you’re running for your fans. In the example below, the Cornell Lab of Ornithology created a landing tab that’s both timely to the popular sports event March Madness, and also relevant to their organization— it’s a bracket for March [Bird] Migration Madness!
Have you worked all of these best practices in with your landing tab? Have you found another great tip that works for you? Share with us in the comments below, and your page might be featured in an upcoming Wildfire Blog case study! We can’t wait to see what you guys came up with for your pages!






And don’t forget special events!! We love the Wildfire App!!
https://www.facebook.com/tahoenalu
Ooh, GREAT landing page, Justin! Very engaging, and very pretty!
I would like to use it.Can you tell me what i have to do?thanks
Hey Alex! Go to iframes.wildfireapp.com and download it for yourself! It’s free for the next 3 months, enjoy!
Do you have any metrics on Like conversion of a Fan Gate vs no Fan Gate?
No, nothing available like that yet. But most marketers agree, including Mari Smith and Guy Kawasaki, the the reveal tab is an invaluable tool! http://www.allfacebook.com/reveal-tab-2010-08
For us it was a basic test. Our other facebook “profile” was set up incorrectly so when we made the new “page” we installed the fan gate and within two weeks we are on our way to 100. Not so bad! Here’s the page for the app – http://iframes.wildfireapp.com/
Now if someone would just build a iframe app that will allow me to register attendees without leaving Facebook. Our tickets page pulls our eventbrite info, but users have to leave facebook to register.
- Justin
I would like to use it too.Can you tell me what do I have to do?
Thanks
Hey Zamor,
Check out the app at iframes.wildfireapp.com. It’s free for the next 3 months– enjoy!
Could you see my page http://www.facebook.com/zamor to see if that’s all the result we can do with this apps? I though that the others apps, photos, articles, etc, will not open before the no-fans click on “I like”. If that’s all do this application I will chage my photo.
thanks
I really like the iFrames app because of its fan gating capability but it would have been even better if we weren’t restricted to simple HTML. Any chance of that being changed in the near future?
Hey Gerri,
At Wildfire, we’re constantly working on new and exciting updates and additions to our line of products. At this time, I don’t have any news to share about the iFrames app, but stay tuned, we love releasing new and awesome features regularly!
Well done. You saved me a whole days work. Check out my welcome page for the lamest welcome message: http://www.facebook.com/pages/Whos-Got-Talent/139850586083702
It’s just a temp until i can get my head round a better idea (special offers etc)
Cheers
Rob
Awesome, Rob! Someone’s got talent! :D
Well done ;o)
Hi-I love your app! I’m just starting out and have some what limited knowledge of HTML code. But, with your app. I was able to use PowerPoint to set-up a simple landing page using the fan-gate option. It was up and running in under an hour. I’m kind of proud of myself! Check it out at:
http://www.facebook.com/#!/pages/SerendipityDesigns50/115397781834731
We’re proud for you, too! Those collectibles look pretty cool! You sell them on Etsy too, right?
Thanks Maya! No, I’m not with the ETSY Marketplace. It’s just too confining and regimented. I’m with a new marketplace-Storenvy. It has a built-in store app. for FB and almost total freedom in running your own store. I will be checking out the apps. that Wildfire offers, you seem to have many possibilities. Even for a new-comer like me! Carole
OK wait. Facebook does away with FBML and tells us to use iframes. FBML was free. iframes is only free for the first 3 months? That is fucking stupid.
Katie,
Developing in iFrames is free, just like FBML! You can custom create as many apps iFrames as you want. Using an ALREADY DEVELOPED application like Wildfire’s iFrames Apps for Pages (just one app, that’s its name) is free for 3 months. Those are two different things.
We combined QR Codes with an iFrame fan gate that has more than tripled our ‘Like’ conversion. So long FBML!
http://www.facebook.com/simplifiedclothing
JF
SMPLFD
Hi,
great apps !! thanks !
But I have a question about html allowed in your application “iFrames app” :
When I use “Custom HTML”, I have an error when I use the css style …border=”0″….. And I have a blue border on my images with a link :-(
Do you have a solution to solve this problem?
Thank you very much
PS : I’m french, sorry for my English :-)
Clément
Great tabs. Check out this landing tab as well: http://www.facebook.com/golfparkdubrovnik
Your front page is so COOL!Can you help me out to make something simular,please.How did you manage together the profile photo with front page picture to looks like one.Fantastic!Bravo!
Thanks Alex! We’re actually using a more advanced version of a page creator, which is not free, but is available with our Social Suite. You can read all the details about our social suite here, http://www.wildfireapp.com/suite Cheers!
Pingback: Evernote » Blog Archive » links for 2011-04-08
Thanks for the tips, I recently created a custom facebook fan page and am trying to tweek it to get better results. Your facebook tips might end up being quite helpful.
Confused; after clicking like, is the 2nd page supposed to open? Some people are telling me they don’t get my second page ( I have a coupon code there). I noticed some of your examples above are blank after liking or just maybe slow to open?
Do you have page analytics in this app, where I can see the source of who’s liking my page or where people found my campaign? thanks
Thank You so much Wildfire,Check out my page, where I used the fangate app from you guys, I love it.
http://www.facebook.com/riyasrasheedphotography
Hello,
Does anyone know the maximum dimensions of the landing tab?
Thank you for your time.
Nabeel, the app will use scroll bars if you go past it, but optimum width is 520 pixels.
One landing page made with Wildfire app:
http://www.facebook.com/KiwiLiving.es
This is so awesome. You’ve just giving me some ideas for designing my facebook page.
gr8 post like it :)
Is there a way to combine the fan gate with a Wildfire promotion (ie: giveaway entry)?
Thanks,
Chelsea
You can combine it by creating a design with a button, that leads users to the giveaway when they click on it. Hope that helps, Chelsea!
So we are able to link to the Giveaway app from the page that the user sees after they like our page correct?
It’s a great article. I love that!
Have a look at my landing page at: http://www.facebook.com/unitedgirls
Tal – -
In American football, “backfield in motion” is a 5-yard penalty. >wink<
Hi guys,
Just wondering if you can help me out. I’m looking for an app that will allow me to create a custom landing page for both fans and on-fans. I know there is fan-gate that will send users too once they ‘like’ a page but what I need is something that will always make a user land on a custom tab everytime they visit the page. Is that even possible?
Thanks
Andy
HI Andy!
No, there is no app that will take a user to a default landing page even AFTER he’s become a fan. This is a default setting for ALL Facebook pages: once a user is a fan, he lands on the wall. Thats what fans are for, right? Interactions? At least from Facebooks point of view, this is where they will always land.
We now use Wildfire for our Welcome pages. Have barely begun to study and learn what the apps are all about.
How does a person add a page to a Fan page that is already created?
Thank You!
—Kent O.
We use the Wildfire iFrame Fan Gate App but it’s neither gating for fans nor non-fans. I wonder what I have wrong? There aren’t too many settings, so it seems dummy proof, yet somehow it’s not working.
Thanks! Jules