» » How to Add an Invite Friends Box to Your Fan Page [ FBML Tutorial ]

Friday, October 22, 2010

How to Add an Invite Friends Box to Your Fan Page [ FBML Tutorial ]

The best feature that Facebook has that any business can take advantage of, is the ability to allow your visors, customers, fan to share their interest in your company/brand/product with their friends. This ability to virally share can be leveraged to encourage your “fans” to “share” your fan page with others through the Facebook “multi-select” box. This can be implemented entirely within static FBML with just a few short lines of code.  The multi-select box will show the current users friend list, allowing them to select who they want to share the fan-page with when they click send. We recommend placing this box on a contest, call to action or “share” tab.

Photobucket

How to Add : 
  • Like static FBML in facebook
  • Then, click at Add to my page
  • Custom your static FBML with following code [change the Uppercase text]

Now your Fan page have a Invite Friends Box on your Fan page tab. DONE!

Ditulis Oleh : silent screamer // 6:26 AM
Kategori:

Read more

22 comments:

  1. InformationOctober 26, 2010 at 5:21 AM

    nice info...

    plz visit blog me too...

    ReplyDelete
  2. AdminOctober 26, 2010 at 5:30 AM

    Yeah! Of coz dude..:)

    ReplyDelete
  3. faizsOctober 27, 2010 at 5:32 AM

    tq 4 visiting.. nice sharing here ya.. jus add u.. inviting u 2 be my followers..

    ReplyDelete
  4. TestNovember 11, 2010 at 12:43 AM

    Hi,
    How can I change the box size? The fan page's size got smaller so need to be fitted.
    Thanks

    ReplyDelete
  5. TestNovember 11, 2010 at 12:44 AM

    Hello,
    How can I change the box's width to fit the new FB fan page size?

    ReplyDelete
  6. TestNovember 11, 2010 at 4:40 AM

    Hi, No code to see...
    :)

    Thanks

    ReplyDelete
  7. HTH {Admin}November 11, 2010 at 4:43 AM

    Try to use this code :

    <fb:request-form
    method="post"
    type="YOUR FAN PAGE NAME"
    invite="true"
    content="Check out YOUR FAN PAGE NAME on Facebook!<fb:req-choice url='YOUR FAN NAME URL' ' label='GO' /> ">
    <fb:multi-friend-selector actiontext="Tell your friends about us" rows="3"
    max=45
    showborder="true"
    cols="3"/>
    </fb:request-form>

    :)

    ReplyDelete
  8. AnonymousNovember 20, 2010 at 7:16 AM

    Hi,
    Is it really works? I've tried but the following comments come out:

    Sorry, your request could not be processed.
    Please try again

    Really want to know why this happened.

    ReplyDelete
  9. HTH {Admin}November 20, 2010 at 9:28 AM

    @Anonymous do you already add a static page to your fan page? just copy the following code & save it! It should be fine.

    ReplyDelete
  10. AnonymousNovember 20, 2010 at 5:57 PM

    I did... but after inviting other friends, that error msg come out... Eventually, the invitation was send out. Only the error msg that make user curious...Thx

    ReplyDelete
  11. HTH {Admin}November 21, 2010 at 12:39 AM

    @Anonymous make sure you change the code in UPPERCASE. Try it again,i just updated the code.

    ReplyDelete
  12. gazalleDecember 3, 2010 at 8:54 AM

    This code works but it doesn't invite them to the fan page. It invites them to the application which then takes them to the fan page. Is there code in which people that are invited can automatically join once invited?

    ReplyDelete
  13. HOW-TO HOUSEDecember 3, 2010 at 2:05 PM

    @gazalle
    Yeah, I see. I will try to fix this problem as soon as possible.

    ReplyDelete
  14. Budan BeansDecember 20, 2010 at 4:09 AM

    @gazalle

    Hi - any progress with this at all? When it comes up as the application, I've found people are unlikely to accept it.

    ReplyDelete
  15. AnonymousFebruary 27, 2011 at 8:15 PM

    to fixed the code replace "post" to "get"

    ReplyDelete
  16. Alfian J.February 28, 2011 at 5:47 AM

    @Anonymous
    Wow! TQ dude. :q

    ReplyDelete
  17. digital marketing courseApril 13, 2011 at 10:59 PM

    Many thanks for this particular amazing Post

    ReplyDelete
  18. AnonymousApril 19, 2011 at 2:02 AM

    Crap, nothing is working

    ReplyDelete
  19. AnnMay 3, 2011 at 1:24 AM

    hi,
    it doesn't work to my page either.
    The tab is blank.Do you why?Thanx

    ReplyDelete
  20. TeCh_GuYMay 6, 2011 at 5:03 AM

    @HTH {Admin}This totally worked for me and if anybody has trouble using the code to remember to fix the code where the images are. all that's missing is ":r" ":r" ":m" and ":r" from the code. Posted this because I saw where users were copying and pasting code and not filling in the missing pieces. Excellent post and helped me alot. Again this is reply to HTH {Admin}'s post above. (Don't want to confuse anybody.) Thanks again HTH {Admin}.

    ReplyDelete
  21. KairaMay 31, 2011 at 6:28 AM

    I tried this code, changing get for post and changing the upper case text and it doesn't work. I get a blank page.
    Please help.

    ReplyDelete
  22. AnonymousJune 15, 2011 at 8:44 AM

    Hy all
    I tried this code too and i get only a blank page...
    Does it really/still work?
    Kaira did you get an answer ? it seems we have the same problem
    thks

    ReplyDelete

Subscribe to: Post Comments (Atom)
 

Followers

Sponsor

 
Powered by Blogger.