Form Payments
Connect Form Payments, a payment collection app, with Webflow to accept payments through native forms without building e-commerce infrastructure or redirecting users to external checkout pages.
How to integrate Form Payments with Webflow
The easiest way to set up your Form Payments integration is by installing the Form Payments app from the Webflow Marketplace. You can also access form data through Webflow webhooks for automation workflows.
Plan requirement: You need a paid Webflow site plan (Basic or higher) to use Form Payments on a published site with a custom domain.
Use the Form Payments app
Install Form Payments from the Webflow Marketplace, connect your Stripe account, and configure payment fields on your forms. The app handles payment processing without requiring you to build checkout pages or manage payment infrastructure.
Implementation steps:
- Install Form Payments from the Webflow Marketplace
- Connect your Stripe account through the app settings
- Add payment amount fields to your Webflow forms
- Configure payment options (fixed amounts, customer-selected amounts, or calculated totals)
- Publish your site to start collecting payments
Note: The app requires Designer workflow access and custom code permissions. Review the permission requirements on the Marketplace listing before installation.
Compliance requirement: Payment collection requires HTTPS across your entire site (Webflow handles this automatically for published sites) and compliance with PCI DSS standards. When using Form Payments with Stripe, most PCI compliance responsibilities are handled by Stripe — review your specific obligations at the PCI Security Standards Council.
Access form data through Webflow webhooks
Form Payments data flows through Webflow's standard form submission webhooks. Use automation platforms like Zapier, Make, or n8n to trigger workflows when forms are submitted.
Important limitation: Webflow's webhook payload does not include payment confirmation data from Form Payments. For workflows requiring verified payment status (like digital product delivery), configure direct webhooks from Stripe to receive payment confirmation events separately from form submissions. This requires technical expertise or developer assistance.
Automation platforms that support Webflow form webhooks:
- Zapier — Connect via Webflow form submission trigger
- Make — Use Webflow integration module for form workflows
- n8n — Configure Webflow trigger node to capture submissions
What you can build
Integrate Form Payments with Webflow to collect payments through native forms.
- Service bookings: Collect deposits or full payments when clients book services through your forms. Configure payment amounts based on service type or tier. Note: For time-based bookings with availability management, you'll need additional scheduling tools alongside Form Payments.
- Event registration: Process ticket purchases through registration forms that collect attendee information and payment in a single submission.
- Donations: Accept one-time donations through forms that let donors choose contribution amounts and provide optional dedication information.
- Digital product sales: Sell access to digital products by collecting payment through a form. Note: Automated delivery of digital products (like access credentials or download links) requires additional automation setup with Stripe webhooks to verify payment completion — this involves technical complexity beyond basic form submission.
Frequently asked questions
You need a paid Webflow site plan (Basic at $14/month or higher) to use Form Payments on a published site with a custom domain. The Form Payments Marketplace listing shows exact plan requirements.
When using Form Payments with Stripe, most PCI compliance responsibilities are handled by Stripe since card data never touches your servers. Your obligations include serving your site over HTTPS (Webflow handles this automatically) and never storing card data in logs or databases. Review the PCI Security Standards Council documentation for detailed requirements.
Yes, through Webflow's form submission webhooks. Platforms like Zapier and Make can receive form submission data. However, Webflow webhooks don't include payment confirmation status — for workflows requiring verified payment (like sending access credentials), configure Stripe webhooks separately to confirm payment completion before triggering delivery.
Use Stripe's test mode or your payment processor's sandbox environment to process test transactions without moving real money. Create test form submissions with test card numbers provided by your payment processor, verify payments process correctly, and confirm webhook notifications trigger as expected. Test the complete workflow from form submission through payment confirmation and any automation integrations before switching to live payment credentials. Always test on a staging site or unpublished page before deploying to production.
Description
Form Payments is a Webflow Marketplace app that adds payment collection to Webflow forms. It connects forms to Stripe, allowing you to collect payments directly on your site. The app charges a 1% transaction fee in addition to Stripe's processing fees.
This integration page is provided for informational and convenience purposes only.
QuickBooks
Connect QuickBooks with Webflow to automate the invoice creation from orders, sync customer records from forms, and record transactions without manual data entry.
Revolut for Business
Connect Revolut for Business to Webflow and accept multi-currency payments without rebuilding your site on another platform.
Xero
Connect Xero to Webflow and sync ecommerce orders with accounting records without manual data entry.
Mollie
Connect Mollie, a European payment service provider, with Webflow to accept 25+ payment methods including iDEAL, Bancontact, and Klarna. This integration works exclusively for companies registered in the EEA, Switzerland, or the United Kingdom.
Metamask
Connect MetaMask with Webflow to add wallet authentication, NFT galleries, and token-gated content.
GoCardless
Connect GoCardless with Webflow to collect recurring Direct Debit payments without backend development.
Razorpay
Connect Razorpay with Webflow to accept Indian payment methods like UPI and netbanking.
Lemon Squeezy
Connect Lemon Squeezy with Webflow to add payment processing and subscription management through checkout overlays, direct payment links, or API integrations.
Monto Simple Subscriptions
Connect Monto Simple Subscriptions with Webflow to add recurring billing to your ecommerce store products.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
