Integrate NGP "Classic" (NGP VAN) donation, signup, and volunteer forms with your site.

Signalfade

<p>This plugin helps you integrate NGP (NGP VAN) donation, signup, and volunteer forms with your site. You’ll need an SSL certificate running on your site if you want to use the donation portion of this plugin.</p>
<p>This plugin <em>does not</em> work with the new NGP Action Platform.</p>
<h3>Alert No. 1!</h3>
<p>This plugin does <em>not</em> work with NGP’s recently released “NEW” platform. I think they call it the “Action” platform, but it’s unclear.</p>
<h3>Alert No. 2!</h3>
<p>You should be running your site under an SSL certificate if you utilize this plugin for donations.</p>
<h3>Usage</h3>
<p>Place this short tag on the appropriate page or article:</p>
<h3>[ngp_show_donation]</h3>
<p>You can set custom amounts for the donation amount in two ways:</p>
<ol>
<li>Put the amounts in the embed tag: <code>[ngp_show_donation amounts="50,250,1000"]</code></li>
<li>Put the amounts in a GET querystring: <code>http://mycamapign.com/donation?amounts=50,250,1000</code></li>
</ol>
<p>If you want to have a default donation amounts, put them in the embed tag and then override it with a querystring amounts when you need to.</p>
<p>You can source an article in two ways:</p>
<ol>
<li>Put source in the embed tag: <code>[ngp_show_form source="hard-hitting-ad"]</code></li>
<li>Put the source in a GET querystring: <code>http://mycamapign.com/donation?source=hard-hitting-ad</code></li>
</ol>
<p>If you want to have a default donation source, put it in the embed tag and then override it with a querystring source when you need to.</p>
<p>You can set custom thanks URL for the donation process by putting the url in the embed tag:</p>
<pre><code>[ngp_show_donation thanks_url="/thanks-for-your-donation"]
</code></pre>
<p>The donations thanks URL defaults to: <code>/thank-you-for-your-contribution</code></p>
<p>You can turn off the custom amount field:</p>
<pre><code>[ngp_show_donation custom_amt_off="true"]<h3>Careful!</h3>
</code></pre>
<p><em>If you turn off the custom amount field and you’re using the Donation Invite form, you’ll have constituents entering amounts that can’t be found in the form and don’t have a chance of getting placed in a custom amount field!</em></p>
<h3>Donation Suggested jQuery</h3>
<p>We use the following on our donation pages to make sure that the user understands that the radio buttons and the input field are for the same thing. If the user doesn’t support javascript and the custom field holds a value, it always overrides whatever’s selected in the radio buttons.</p>
<pre><code>$('.ngp_custom_dollar_amt').keyup(function() {
    if($(this).val()!='') { $('.Amount').attr('checked', false); }
});
$('.Amount').mouseup(function() {
    $('.ngp_custom_dollar_amt').val('');
});<h3>[ngp_show_volunteer]</h3>
</code></pre>
<p>You can set custom thanks URL for the donation process by putting the url in the embed tag:</p>
<pre><code>[ngp_show_volunteer thanks_url="/thanks-for-your-work-pledge"]
</code></pre>
<p>The volunteer thanks URL defaults to: <code>/thank-you-for-volunteering</code></p>
<h3>[ngp_show_signup]</h3>
<p>You can set custom thanks URL for the email signup process by putting the url in the embed tag:</p>
<pre><code>[ngp_show_signup thanks_url="/thanks-for-signing-up-for-incessant-emails"]
</code></pre>
<p>The email signup thanks URL defaults to: <code>/thank-you-for-signing-up</code></p>
<h3>Signup Extensive Options</h3>
<p>Signup can make use of the COO API, if you happen to have credentials for that particular NGP API endpoint. This API allows you to send in less comprehensive data for signups.</p>
<p>You can find the three necessary pieces of information for configuring the plugin to use the COO API on the General Setting page.</p>
<p>When you’ve configured the plugin to use the COO API, you can specify what fields you want the signup embed tag to use. You must specify <em>at least</em> Phone or Email.</p>
<pre><code>[ngp_show_signup fields="Name|Email|Phone|Zip"]
</code></pre>
<p>Be aware that this data will end up in your NGP consituents database without any other accompanying information if a match cannot be made to existing data.</p>
<h3>[ngp_donation_invite_form url=”/donate”]</h3>
<p>You must set the url that the donation invite form heads to. It must be a relative URL.</p>
<p>If you want to have a donation source appended to the linked URL, put it in the embed tag:</p>
<pre><code>[ngp_donation_invite_form url="/donate" source="invite-form"]
</code></pre>
<p>If you absolutely must have this invite form set custom amounts on your donation form, do it like this:</p>
<pre><code>[ngp_donation_invite_form url="/donate/?amounts=10,20,30,40,50"]
</code></pre>


Alternatives to NGP Forms

Top alternatives