How to Set Up Donation Forms on Squarespace (Step-by-Step for Nonprofits, Creators & Causes)

4 Ways to Set Up Donation Forms on Squarespace

Option 1: Use Squarespace Product Blocks for Fixed Donations

If you want to collect fixed-amount donations (like $10, $25, $50), you can use Squarespace's built-in Commerce tools.

1. Enable Commerce under Settings > Payments
2. Add a new Product Page
3. Create a product called "Donation"
4. Set price levels as variants or create multiple donation "products"
5. Turn off shipping and inventory tracking
6. Add it to any page with a Product Block

This method gives you a checkout flow and payment processing via Stripe, PayPal, or Afterpay.

Best for: fixed donation amounts
Limitation: not ideal for custom donation values

Option 2: Use a Custom Form with Payment Field

Squarespace allows custom forms with a payment option (Stripe required).

1. On any page, click Edit and add a Form Block
2. Add fields for name, email, donation amount, and a message
3. Add the Payment field at the bottom
4. Connect to Stripe in Form Settings > Storage
5. Style the form to match your site
6. Save and test it

Now visitors can type in any donation amount and pay directly.

Best for: accepting custom donation amounts
Limitation: requires Stripe; limited payment styling options

Option 3: Embed a Third-Party Donation Platform

Platforms like GiveButter, Donorbox, Ko-fi, or Buy Me a Coffee provide embeddable donation forms that plug right into Squarespace.

1. Sign up for a donation platform
2. Set up your campaign or donation form
3. Copy the embed code
4. In Squarespace, add a Code Block to any section
5. Paste the HTML
6. Save and preview

These platforms often support recurring donations, custom branding, tax receipts, and analytics.

Best for: nonprofits, recurring donations, analytics
Limitation: some branding restrictions on free plans

Option 4: Add a Button Linking to an External Donation Page

If you're already using PayPal, Venmo, or CashApp:

1. Copy your donation link (e.g., PayPal.me/yourname)
2. Add a Button Block to your page
3. Set the link to open in a new tab
4. Style it with a clear CTA ("Donate Now", "Support My Work")

Best for: simple donation asks
Limitation: no on-site form or analytics

Best Practices for Donation Pages

• Use trust signals: Add testimonials, transparency info, or impact stats
• Explain where the money goes: People are more likely to donate when they understand the purpose
• Make the CTA obvious: Don't bury your form - put it above the fold
• Test it: Always run through the full donation process yourself before going live

Bottom Line

People want to support causes they care about - but only if you make it easy. Whether you're setting up a built-in payment form, embedding a third-party donation tool, or linking to an outside platform, the key is clarity. Clear form. Clear message. Clear purpose. Once that's dialed in, your site becomes more than a portfolio or storefront - it becomes a place people believe in and are willing to support. For churches and faith-based organizations specifically, our guide to the best Squarespace church website templates covers layouts built for online giving and community connection.