How to accept donations with Stripe

1<form id="donation-form">
2  <h2>Support Our Cause</h2>
3  <div>
4    <button type="button" class="amount-btn" data-amount="500">$5</button>
5    <button type="button" class="amount-btn" data-amount="1000">$10</button>
6    <button type="button" class="amount-btn" data-amount="2500">$25</button>
7    <button type="button" class="amount-btn" data-amount="5000">$50</button>
8  </div>
9  <label>Custom amount: $<input type="number" id="custom-amount" min="1" /></label>
10  <button type="submit">Donate</button>
11</form>

1const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY);
2const express = require('express');
3const app = express();
4app.use(express.json());
5
6app.post('/create-donation-session', async (req, res) => {
7  const { amount, email } = req.body; // amount in cents
8
9  if (!amount || amount < 100) {
10    return res.status(400).json({ error: 'Minimum donation is $1.00' });
11  }
12
13  try {
14    const session = await stripe.checkout.sessions.create({
15      submit_type: 'donate',
16      mode: 'payment',
17      line_items: [
18        {
19          price_data: {
20            currency: 'usd',
21            product_data: {
22              name: 'Donation',
23              description: 'Thank you for your generous support',
24            },
25            unit_amount: Math.round(amount),
26          },
27          quantity: 1,
28        },
29      ],
30      customer_email: email || undefined,
31      success_url: 'https://yoursite.com/thank-you?session_id={CHECKOUT_SESSION_ID}',
32      cancel_url: 'https://yoursite.com/donate',
33      metadata: {
34        donation_type: 'one_time',
35      },
36    });
37
38    res.json({ url: session.url });
39  } catch (err) {
40    res.status(500).json({ error: err.message });
41  }
42});

1app.post('/create-recurring-donation', async (req, res) => {
2  const { amount } = req.body;
3
4  const session = await stripe.checkout.sessions.create({
5    submit_type: 'donate',
6    mode: 'subscription',
7    line_items: [
8      {
9        price_data: {
10          currency: 'usd',
11          product_data: { name: 'Monthly Donation' },
12          unit_amount: Math.round(amount),
13          recurring: { interval: 'month' },
14        },
15        quantity: 1,
16      },
17    ],
18    success_url: 'https://yoursite.com/thank-you',
19    cancel_url: 'https://yoursite.com/donate',
20  });
21
22  res.json({ url: session.url });
23});

1let selectedAmount = 1000; // default $10
2
3document.querySelectorAll('.amount-btn').forEach((btn) => {
4  btn.addEventListener('click', () => {
5    selectedAmount = parseInt(btn.dataset.amount);
6  });
7});
8
9document.getElementById('donation-form').addEventListener('submit', async (e) => {
10  e.preventDefault();
11  const customInput = document.getElementById('custom-amount');
12  if (customInput.value) {
13    selectedAmount = Math.round(parseFloat(customInput.value) * 100);
14  }
15
16  const res = await fetch('/create-donation-session', {
17    method: 'POST',
18    headers: { 'Content-Type': 'application/json' },
19    body: JSON.stringify({ amount: selectedAmount }),
20  });
21  const { url } = await res.json();
22  window.location.href = url;
23});

1// Test card: 4242 4242 4242 4242
2// Expiry: 12/34, CVC: 123
3// Verify in Dashboard → Payments that the donation appears