Donate: wire Stripe Payment Links and tidy intro layout - #33
Merged
Conversation
- Extend the amount ladder with £250 and £500 (cheap to process as monthly Direct Debit, and makes larger regular gifts one-click) - Reword 'other ways to give' to cover bank transfer and large one-off gifts rather than a blanket 'above £500', which would have contradicted the new £500 button
- Monthly preset buttons each redirect to their amount's Stripe link (£3, £5, £10, £25, £50, £100, £250, £500) - One-off (any amount) redirects to the 'customer chooses price' link where the donor confirms the amount on Stripe's secure page - Hide the 'Other' amount when Monthly is selected (Payment Links are fixed for recurring); snap back to the £5 preset if 'Other' was active when switching to Monthly - Drop the stubbed alert / TODO comments
The one-off Stripe link is 'customer chooses price', so showing preset
amount buttons on our page would make the donor enter the amount twice.
When One-off is selected, hide the whole amount selector and let the
single CTA ('Donate one-off →') go straight to the Stripe page where
the amount is entered once. Monthly is unchanged.
- Remove the 'US-based donors' placeholder card (coming-soon copy with no actual mechanism behind it) - Drop the 'Other ways to give' and 'Trust & transparency' eyebrows above the two bottom-section h2s; the headings stand on their own
- .donate-intro-form: align-self start (was stretch) so the form box hugs its content instead of stretching to match the photo column - .donate-form: drop justify-content center so content sits at the top of the box rather than floating mid-vertical - .donate-intro h1: add 24px bottom margin at desktop widths (>=721px); mobile keeps the original tighter spacing since the grid row-gap already separates head from text
Contributor
|
🔍 Preview: https://pauseai.uk/preview/donate-stripe-payment-links/ Home — Lighthouse scores:
Performance metrics:
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Includes the three Stripe / preset commits originally from @Username-Matilda's PR #32 (closed), merged with current main and topped with the layout cleanup.
Test plan