Tell Your Friend Form for FBML Tabs

By popular demand, our Facebook viewers wanted to know how we were able to place the FBML “Tell Your Friend” form on one of our custom Facebook tabs. Now we are here to show you!

The Code

Plain and simple, this is the code that you will need for the form:

FBML

<fb:request-form  method="post" action="http://fb.me/yourpage" type="Friends" invite="false" content="<fb:req-choice url='http://www.facebook.com/yourpage' label='GO' /> " >
<fb:multi-friend-selector actiontext="Tell your friends about your FBML tab!" cols="3" showborder="true"  />
</fb:request-form>

There are three things within you need to change in order to make this form yours.

  • action=”http://fb.me/yourpage” – Replace this with the short URL of your fan page.
  • url=’http://www.facebook.com/yourpage’ – Replace this with the full URL of your fan page.
  • actiontext=”Tell your friends about your FBML tab!” – This is the title that will be shown inside the actual form. Change this to your own personal call out.


That’s it! You should now have the form on your FBML tab. Simple as that! Remember action must be a short URL.

FBML vs. iFrame

As of right now, we are not aware of how to implement this form into iframes. If anyone know how to, please share in our comments below.