Cause Badges

Developers: Add a badge of your favorite cause to any Facebook application!

The Basics

FBML-based Facebook applications can now support their favorite cause with just a few lines of FBML.

  • Add this FBML...

    <fb:fbml xmlns:causes="http://external.facebook.com/apps/causes">
      <causes:badge id='210' recruiter_id='203070'
      message='Support my cause...'
      border_color='#d8dfea' background_color='#edeff4' />
    </fb:fbml>

  • To get this badge...

    Support my cause...
    Loading...
    Powered by Causes

The Details

<causes:badge> is an FBML tag with the following attributes:

id
The ID of the cause. To find the ID of a cause, go to the cause's page and find the number at the end of the path. (Example: The URL for the cause Save Darfur is http://apps.facebook.com/causes/72, so their ID is 72.)
recruiter_id(Optional)
The Facebook ID of the user that will receive recruitment credit whenever anyone joins the cause through this badge. The ID must be of a Facebook user with the Causes application installed. The user must also be a member of the cause to receive credit.
message(Optional)
The custom message you would like to contextualize the badge content.
background_color(Optional)
Background color of the badge. The value can be any string that would be supplied as the value of the background css attribute.
border_color(Optional)
Border color of the badge. The value can be any string that would be supplied as the value of the border-color css attribute.

Feedback

If you have any questions, comments, or feedback, drop us a line at developers@causes.com.