How To Create a "Share Us" Tab on Your Facebook Fan Page

Ever since being featured in Mari Smith and Michael Stelzner's webinar, "9 Companies Doing Facebook Right (And What You Need to Know)", I've seen a surge of activity on my Facebook fan page, and most new fans seem to be particularly interested in how I created my "Share Us!" tab.  So in lieu of sending PMs to each person who asks for help (which is what I've been doing thus far), I decided to go ahead and post my entire FBML code here for all the world to see. 

As I mentioned in my recent interview on the Composure Marketing Blog (be sure to check that out if you're interested in learning about the social media strategies I've used to grow nearly 1500 fans on my Facebook page), I'm not a web developer by trade.  And since Facebook is constantly changing the way FBML and fan pages work, my code generally needs to be "touched up" fairly regularly.  With that said, below is the way my code looks at the time of this writing.

Before we jump right in, however, there are a couple of key points worth mentioning.  First off, you'll need to generate a custom/alias URL that points to your fan page's main address, because using anything with "facebook.com" in it will will yield errors when folks actually try to use your Share tab (it has something to do with the fact that Facebook's domain has been blacklisted by anti-spam companies).  I used http://bit.ly to create my alias, but feel free to use whichever service you prefer.  Once you've done that, just plug in your custom URL wherever you see "YOUR PAGE ADDRESS" below, paying special attention to the quotes (don't add any or take any away from what's already there).  And of course replace anything else in RED letters with your own info.  Here's the code I currently have on my "Share Us!" tab:

<fb:request-form
method="post"
action="YOUR PAGE ADDRESS"
type="YOUR PAGE NAME"
invite="true"
content= 'TEXT FOR THE TOP OF YOUR INVITE BOX <fb:req-choice url="YOUR PAGE ADDRESS" label="TEXT LABEL FOR THE
SEND BUTTON-- e.g. GO or SEND" />'
<fb:multi-friend-selector
actiontext="What you want the invitation to say-- e.g. Check out my super-awesome page"
cols="3"
max="8"
import_external_friends="false">
</fb:request-form>

Naturally, in order to be able to use the above code, you'll need to have the Static FBML application installed on your page.  Check out this great Custom Landing Page tutorial on Mari Smith's blog if you need help.  Alternatively, a quick Google search for "install Static FBML" will yield plenty of step-by-step tutorials as well.  It's really not very difficult at all....just a few steps.

Please click "Like" and leave a comment below if you found this code helpful, or if you have any additional questions about the methods I used to design my page. Thanks!

• Share this on Facebook
• Tweet This!
• Post this to MySpace
• Subscribe to this Blog
• Share this on del.icio.us
• Digg this!
• Share this on Linkedin
• Stumble upon something good? Share it on StumbleUpon
• Share this on Reddit
• Add this to Google Bookmarks
• Share this on FriendFeed
• Share this on Mixx
• Buzz up!
• Share this on Technorati