ActBlue

OC, LA Dems / Sanchez Sisters for Debbie Cook — 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="sanchezocladems" />
<input type="hidden" name="referrer" value="http://www.actblue.com" />
</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>Debbie Cook (CA-46)</td>
      <td>$<input id="recipients_18872" maxlength="8" name="recipients[18872]" 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="sanchezocladems" />
  <input type="hidden" name="referrer" value="http://www.actblue.com" />
</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.
<input type="hidden" name="referrer" ...>
Use this line to specify the URL of your own website. If a user cancels a contribution, they will be sent back to this URL.
<input type="hidden" name="successuri" ...>
This line is optional. If it is present, then users will be taken to this URL after a successful contribution. This is a good place for a Thank You page. If this line is missing, contributors will be sent back to the referrer link.