*NOTE* As of March 2011, Facebook no longer allows the use of custom FBML tabs. Click here to read how to easily add an iFrame Reveal Tab to your Facebook page.
If you’re a small business owner or blogger, finding ways to virally grow your Facebook fan base without spending money on advertising can seem like quite a challenge. Even if you’re successfully driving traffic to your fan page from your website, nothing guarantees that visitors with “Like” your fan page.
Having a visitor like your fan page is like gaining an email subscriber. Any updates you post to your fan page will appear in that user’s newsfeed. Most fan pages are set up so that visitors who haven’t liked the page can still see all the content on the wall and customized Facebook tabs. So people can still come to your fan page and look at all your content, but if they don’t like your page then once the leave, you can’t reach out to them in the future.
So wouldn’t it be cool if you could create content that users could only see after they’ve liked your page? As it turns out, just a tiny bit of FBML code will allow you to have content exclusive to fans of your Facebook page. This content is hidden to visitors who haven’t liked your page, until they click the “Like” button.
See this exclusive content in action at the U Stand Out Facebook fan page >>
How to Make Content Exclusive
Use the Static FBML Facebook application to create a customized Facebook landing page. On the Edit FBML page, use the following tags:
<fb:fbml version="1.1"> <fb:visible-to-connection> Content between these tags are only visible to users who have liked your fan page. </fb:visible-to-connection> </fb:fbml>
Like this:
Using this simple method will still show the non-fan content to the people who like your page.
How to Hide Content Previously Visible to Non-Fans
There is a hack you can use to create this exclusive content for people who like your page while hiding the call-to-action for non-fans to like your page to see that exclusive content.
1. Create a single cell borderless table, with a fixed height and width.
2. Create a background image for that cell to the same dimensions, containing the information (usually a call-to-action) you want NON-fans to see.
3. Create an image of the same size that contains the information you want Fans to see and insert that into the cell.
4. Use the following FBML tags from above to surround the cell contents.
This FBML Tag only displays its content to users who have liked your page. So what we’re actually doing here is creating a table with a background image, and then covering it up with another one if you’ve liked the page.
Here is the code you can use to work with:
<center> <table width="X" height="Y" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="YOURDOMAIN.com/image1.jpg> <fb:fbml version="1.1"> <fb:visible-to-connection> <img src="YOURDOMAIN.com/image2.jpg” width="X" height="Y"></a> </fb:visible-to-connection> </fb:fbml> </td> </tr> </table> </center>
Types of Content to Make Exclusive
There are many different offers you can make exclusive to Facebook users who like your fan page. Here are just a few ideas for what you can make exclusive:
- In-store coupon
- Discount codes
- Exclusive photos and videos
- Link to download free eBook
- Sneak peek at new product
Show off your exclusive fan page tabs, or let me know if you have any questions in the comments below!
{ 6 comments… read them below or add one }
wow thanks for the share. i had written the same article on facebook like button and looking for to get more followers and found your blog.
Fantastic Diana…this was just the code I was looking for! I appreciate you!
doesnt work retard
Hi there! I just wanted to let you know that as of March 2011, Facebook no longer allows the use of custom FBML tabs. Click here to read how to easily add an iFrame Reveal Tab to your Facebook page: http://ustandout.com/facebook/add-iframe-reveal-tab-facebook-page
Thank you very much! I might try this out sometime soon! ~
Thank you for sharing…..