Are there any online resources that can help me build a custom donation form in Webflow that can connect to a payment partner allowing for iDEAL payments in the Netherlands?

To build a custom donation form in Webflow with support for iDEAL payments, you’ll need Webflow for front-end design and a third-party payment provider that supports iDEAL, such as Stripe or Mollie. Several online resources can guide you through this integration.

1. Choose a Payment Provider that Supports iDEAL

• Stripe supports iDEAL and is compatible with Webflow via custom integration.
• Mollie is a Netherlands-based provider with native support for iDEAL.
• Both offer APIs and hosted checkout solutions.

2. Use Webflow for the Front-End Form

• Design your donation form in Webflow using standard Form elements (input, select, submit).
• Add any required hidden fields or dropdowns (e.g., donation amount, recurring vs. one-time).

3. Integration Resource Options

Here are some online platforms and tools to help with integration:

• Finsweet Attributes – While not directly built for payments, Attributes can be combined with custom code to manage complex forms easily. Visit: https://finsweet.com/attributes

• Webflow + Stripe Guide (via Make or Zapier):

• Stripe has iDEAL support.

• Use Make (formerly Integromat) or Zapier to capture form submissions and trigger payment flows.

• Examples: Make’s Stripe integration, Zapier’s Stripe + Webflow recipes

• Stripe Checkout with iDEAL:

• Use a Webflow form to trigger a redirect to Stripe Checkout.

• iDEAL appears as a payment option if you configure your Stripe account correctly.

• Learn more: https://stripe.com/docs/payments/ideal

• Mollie + Webflow Integration Examples:

• Mollie offers hosted payment pages, similar to Stripe Checkout.

• Guide: https://docs.mollie.com/

• Use a Webflow form and custom JS to redirect to a Mollie payment URL created via API.

• Memberstack or Outseta (for recurring donations):

• Tools like Memberstack can be used for authenticated donation flows tied to subscriptions.

• Memberstack supports Stripe, and thus iDEAL via Stripe.

4. Implementation Tips

• iDEAL is a redirect-based payment method, so your form must redirect to an external checkout page.
• Use custom JavaScript in Webflow to handle form submission → create payment session (via Stripe/Mollie API) → redirect.
• You’ll likely need a basic backend function (via Netlify Functions, Vercel, or Make/Zapier webhook) to securely create payment sessions.

Summary

To build a custom donation form in Webflow that supports iDEAL, use Webflow for the UI and connect it via Stripe or Mollie using tools like Make or Zapier. Check out Stripe's iDEAL documentation, Mollie’s developer docs, and integration examples from the Webflow community or platform-specific guides.