Paint the Map Blue — 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="paintthemapblue" /> </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>Kirsten Gillibrand (NY-20)</td> <td>$<input id="recipients_12818" maxlength="8" name="recipients[12818]" size="6" type="text" /></td> </tr><tr> <td>Steve Kagen (WI-08)</td> <td>$<input id="recipients_12885" maxlength="8" name="recipients[12885]" size="6" type="text" /></td> </tr><tr> <td>Mary Jo Kilroy (OH-15)</td> <td>$<input id="recipients_17758" maxlength="8" name="recipients[17758]" size="6" type="text" /></td> </tr><tr> <td>Harry Mitchell (AZ-05)</td> <td>$<input id="recipients_12661" maxlength="8" name="recipients[12661]" size="6" type="text" /></td> </tr><tr> <td>Ciro Rodriguez (TX-23)</td> <td>$<input id="recipients_12864" maxlength="8" name="recipients[12864]" size="6" type="text" /></td> </tr><tr> <td>Dan Seals (IL-10)</td> <td>$<input id="recipients_16318" maxlength="8" name="recipients[16318]" size="6" type="text" /></td> </tr><tr> <td>People for the American Way Action Fund</td> <td>$<input id="recipients_18222" maxlength="8" name="recipients[18222]" 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="paintthemapblue" /> </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.

Authorized by People for the American Way Voter Action and paid for by ActBlue (www.ActBlue.com). Not authorized by any candidate or candidate's committee.