Prefill link: Earth Charity

A donation page with links to an Impact Stack donation page

Imagine this was a page that asked for donations on your main website.

Your supporters could start click on one of the donation amounts. They look like buttons but are in fact links that open an Impact Stack and prefill the form with the amount on the button.

Feel free to try it out. It'll open an Impact Stack form with the donation amount already selected/pre-filled.

You can use this approach in emails as well.

Working demo ⤵︎

Make a one-time €5 donation Make a one-time €10 donation Make a monthly €20 donation

Here's what the top link there looks like as HTML. Find more examples and explanation at the bottom of this page.

<a href="https://demo2.impact-stack.org/donation-2#p:donation_interval=1&p:donation_amount=5">
  Make a one-time €5 donation
</a>

How to do it

This one is a bit simpler than other approaches on this website. You may be able to do this without a web developer. If you want to make the links look like buttons on your website then you may need to find out how to do that for your website's technology.

See the code

<!--
The links are at the bottom. Here's some help to understand these links

This is the URL we'll create in these instructions:
https://demo2.impact-stack.org/donation-2#p:donation_interval=1&p:donation_amount=5

1. Start with the Impact Stack URL: https://demo2.impact-stack.org/donation-2
2. Add # (hash/pound symbol) after it
3. For each form field you want to add:
    - Put `p:` at the start.
    - Then add the 'form key', eg donation_interval or donation_amount
    - Then add = (equals) and then the value you want to set it to, eg donation_interval=1 for a one-time donation or donation_amount=10 for a donation of £/€10
4. Separate each form field you want to add with a & (ampersand)

https://demo2.impact-stack.org/donation-2#p:donation_interval=1&p:donation_amount=5

Donation interval can be 1, m, or y for one-time, monthly, or yearly
donation_interval=1
donation_interval=m
donation_interval=y

Donation amount should be a whole-number over 0, eg donation_amount=5

More help on https://support.impact-stack.org/hc/en-us/articles/115001868166-How-to-pre-populate-forms
-->

<a href="https://demo2.impact-stack.org/donation-2#p:donation_interval=1&p:donation_amount=5" class="button">
  Make a one-time €5 donation
</a>
<a href="https://demo2.impact-stack.org/donation-2#p:donation_interval=1&p:donation_amount=10" class="button">
  Make a one-time €10 donation
</a>

<a href="https://demo2.impact-stack.org/donation-2#p:donation_interval=m&p:donation_amount=20" class="button">
  Make a monthly €20 donation
</a>