How to Change Facebook Tab Content if Someone ‘Likes’ Your Page

I was looking online for shoes the other day, when I came across Shoe Metro — they had a Facebook link on their homepage, so I clicked through out of curiosity, and discovered a really cool Facebook feature they’re taking advantage of: Depending if the visitor ‘Likes’ the page, they’ll see different content shown in an FBML Box.

In particular, Shoe Metro is giving users a reason to ‘Like’ their Facebook page, by offering a 10% discount — the brilliance is, you won’t see the promo code until you “Like” the page. This provides a powerful incentive to consumers, and in turn, helps Shoe Metro grow their Facebook user reach.

Digging around, I also found 1-800-Flowers is using the same trick, giving users 20% off when they “Like” their page. Instead of showing a completely different image, they make a promo code appear in a pre-existing white box.

It took me a little googling to figure out how its done, and it turns out its fairly simple — its combining the <fb:visible-to-connection> and an else statements in an FBML box — the code below does the trick:

<fb:visible-to-connection>

People who Liked it, see this

eg: Enter promo code SAVE10

<fb:else>

People who haven't, see this

eg: Like us for 10% off

</fb:else>

</fb:visible-to-connection>