Home Tips and Resources Websites & Social Media Creating an Invite Friends Tab
 
Creating an Invite Friends Tab PDF Print E-mail
Written by Alison Hannagan   
If you feel this tip has saved you time or effort, please consider buying us a cuppa coffee to keep things going!

Why do I need to create a Facebook Invite Friends tab?

So, you have set up your Facebook fanpage and now you want to make it work for you. One suggestion is to create an Invite Friends tab to make sure that everyone who visits your page has a quick and easy way to invite more fans to your page.

Creating a new tab

Creating tabs in Facebook fanpages requires you to add a Static FBML application to your page. What is FBML you ask? FBML is short for Facebook Markup Language. Adding this application to your page allows you to add a box or tab which can display content using standard HTML code or FBML.

Adding a Static FBML application to your Facebook Fanpage

1. Open your page and click edit page

Edit Page

2. At the bottom of the page that opens you will see a box: "More Applications"

More Applications

Click “Browse More” and search for Static FBML. After clicking on the FBML application select Add to my page. You will be prompted to indicate which page you wish to add the application to.

Making your Invite Friends tab

1. On your Facebook fanpage again select “Edit Page”. Under Applications you will notice a new box has appeared

FBML Application box

2. Select “edit” and change the Box Title to Invite Friends.

3. In the box below the title enter the following code

<fb:request-form  method="post" action="http://on.fb.me/hsMWtr" type="InfuseTea" invite="false" content="<fb:req-choice url='http://www.facebook.com/#!/pages/Infuse-Tea/111654275524699?ref=ts' label='GO' /> ">
<fb:multi-friend-selector actiontext="Tell your friends about Infuse Tea!" cols="3" showborder="true"  />
</fb:request-form>

 You will need to replace Infuse Tea with your fanpage name and ensure url = your facebook fanpage's url.

Due to a bug in Facebook, you need to set the "action" parameter to your facebook wall from an external page. There a plenty of ways to create such a link, such as opening http://bit.ly and putting the full url to your page in the box eg: "http://www.facebook.com/#!/pages/Infuse-Tea/111654275524699?ref=ts". Set the action parameter to the short URL that you get from the bit.ly website.

Click Save Changes.

4. When you return to your fanpage you will need to add the Invite Friends tab to your tabs. Click on the + and add the Invite Friends tab.

Adding a tab

 

Last Updated on Monday, 31 January 2011 07:24
 

Comments  

 
# Guest 2010-07-03 02:11
wow its realy work..
i been searching this code every where..

thanks alot.. :D
Reply | Reply with quote | Quote
 
 
# Guest 2010-09-20 20:47
I've got this code and have looked everywhere for the solution to my problem:
the invite that it sends reads "Incubus has sent you an invite using Static FBML" instead of the name of my page
please help :D
Reply | Reply with quote | Quote
 
 
# Guest 2011-01-23 08:55
Thank you SOOOO much for this information! Once of the most helpful pieces I have read in a long long time. Especially relevant since Facebook recently removed the "suggest Page to Friends" feature for Fan Pages. This is a great workaround and I just added it to my Page at http://www.facebook.com/ResumeBootcamp. THANK YOU AGAIN !!!
Reply | Reply with quote | Quote
 
 
# Guest 2011-01-24 08:46
OK i put this on my page and jumped on a facebook profile to suggest to friends.
This code seems to only limit '6' friend adds at only 1 one time.. and said my request could not be processed at this time!
ALSO when i try and add a nother 6 its saying i have already reached my limit... Can someone please tell me what im doing wrong!?
I copied the code and changed the name to the business URL so ive done it step by step.
Reply | Reply with quote | Quote
 
 
# Guest 2011-01-31 04:21
well , i also have that friends limit , i only can send 6 requests , besides the invite boarder is very large , so i can't see the other friends in the frame border
so what shall i do about it?
thanks
Reply | Reply with quote | Quote
 
 
# Guest 2011-01-31 07:27
I've had a look into the error that facebook was generating with the previously posted code - it seems that the action parameter needs to be an external URL that points to the page. I have updated the notes for a fix - I haven'thad time to test it yet, please let me know if if still needs work!
Travis
Reply | Reply with quote | Quote
 
 
# Guest 2011-02-10 11:27
WOW, I have been working for hours trying to figure out that bug issue, and found the answer on here. Thank You So Much!
Reply | Reply with quote | Quote
 
 
# Guest 2011-02-16 19:09
Thanks. Realy useful :)
Reply | Reply with quote | Quote
 
 
# Guest 2011-03-09 14:41
Thanks for the great app! I have got the box up ok and looks great but I can't see any of my friends in it? Please can you help? Thanks
Reply | Reply with quote | Quote
 
 
# Guest 2011-03-09 23:03
OMG! this actually works, im so computer illiterate but i followed instruction by instruction and got my page to have this tab.... check it out @ Fly Baby.
Reply | Reply with quote | Quote
 
 
# Guest 2011-03-10 06:26
this is an amazing job. I hope that we can complete the puzzle by removing the limits and ofcourse having the ones that are already a fan within your friends list or that you have sent the invitation to them, Greyed out so we can avoid using up for the time being the limits on those that are already a fan or received the invite some time back by you.
Reply | Reply with quote | Quote
 
 
# Agnes 2011-09-27 20:02
Since there isnno mor FBML, any update how to do this? Thanks
Reply | Reply with quote | Quote
 
 
# adsinfree 2012-04-26 15:37
how i can include facebook invite friend form in latest facebook fan tab. thanks
http://adsinfree.com
Reply | Reply with quote | Quote
 

Add comment


Security code
Refresh