Download
This form streamlines the donation process in six main steps for developers to link it to Stripe Card payments:
* Donation Type: Donors can choose between a one-time or recurring donation. If they choose recurring, a frequency dropdown appears, offering weekly, monthly, or yearly options.
* Amount: Users can select a pre-set amount (£5, £10, £25) or enter a custom amount.
* Currency: A dropdown provides common currency options (e.g., GBP, USD, EUR). The selected currency's symbol and code update dynamically.
* Gift Aid: If the currency is set to GBP, a Gift Aid option appears, allowing eligible UK taxpayers to increase their donation by 25% at no extra cost.
* Validation: The form uses jQuery to validate all required fields, ensuring correct and complete information.
* Payment: After validation, the form data is sent to a server-side endpoint to create a Stripe Checkout Session, which then redirects the user to a secure Stripe payment page.
Features
- Stripe Card Donations
- Stripe Card Payment
- Card Payment Form
- jQuery
- Validation
- Gift Aid
- Pop-up window
- Recurring
- Donate Form
- Payment form
Project Samples
