ActBlue

State-by-State Project — Make Links and Get HTML

With ActBlue, you can build a gateway to your fundraising page on any website! If you blog about a candidate, toss in a contribution form. If your group sends out email newsletters, you can include a contribution form right in the e-mail.

New: get ActBlue graphics!

Single amount contribution form

This HTML generates a form for a single contribution amount. The amount entered in the box will be divided evenly among the candidates on your page. To duplicate this form:

paste the following HTML into your webpage or email.

<form action="https://secure.actblue.com/donate" method="post">
<table style="margin:5px auto"><tr><td style="vertical-align:top">
My contribution: $<input style="text-align:right" name="amount"
    size="8" />
</td><td style="vertical-align:top">
<input type="image" name="startdonate" style="border:none;
    display:inline"
       alt="Contribute with ActBlue"
       src="http://actblue.com/images/actblue-button.gif" />
</td></tr></table>
<input type="hidden" name="list" value="state-by-state" />
</form>

Custom amounts contribution form

Instead of a single amount, this form allows your visitors to specify individual contribution amounts for some or all of the candidates on your fundraising page.

Again, the required HTML:

<form action="https://secure.actblue.com/donate" method="post">
  <table style="margin:5px auto">
    <tr>
      <td>Patricia Madrid (NM-01)</td>
      <td>$<input id="recipients_9039" maxlength="8" name="recipients[9039]" size="6" type="text" /></td>
    </tr><tr>
      <td>Mary Landrieu (LA-Sen)</td>
      <td>$<input id="recipients_333" maxlength="8" name="recipients[333]" size="6" type="text" /></td>
    </tr><tr>
      <td>Tim Johnson (SD-Sen)</td>
      <td>$<input id="recipients_389" maxlength="8" name="recipients[389]" size="6" type="text" /></td>
    </tr>
    <tr>
      <td colspan="2" style="text-align:right">
<input type="image" name="startdonatecustom" style="border:none;
    display:inline"
       alt="Contribute with ActBlue"
       src="http://actblue.com/images/actblue-button.gif" />
</td></tr></table>
  <input type="hidden" name="list" value="state-by-state" />
</form>

The gory details

You're free, of course, to change the form around and tweak the formatting and text. The only important parts are:

<form ...>
Don't mess with this line.
<input name="..." ...>
The important thing about the input boxes are the name and id fields, which can't be changed. You're free to change the size, formatting, label, etc.
<input type="hidden" name="list" ... >
Indicates that the contribution should be credited to your fundraising page. Don't adjust this line.

Patricia Madrid (NM-01)	$
Mary Landrieu (LA-Sen)	$
Tim Johnson (SD-Sen)	$