Form Payments
Collect payments via Webflow forms by integrating your site with Form Payments.
How to integrate Form Payments with Webflow
Collect payments directly through Webflow forms without building custom payment infrastructure or managing separate checkout pages. Processing payments through forms reduces checkout friction and lets you collect both customer information and payment in a single submission.
Install the Form Payments app from the Webflow Marketplace to add payment processing fields to your forms. The app connects to your payment processor account and handles payment collection through Webflow's form system.
Use the Form Payments app
Form Payments installs from the Webflow Marketplace and adds payment processing capabilities to Webflow forms. The app connects to payment processors like Stripe and adds payment fields to your form configuration.
Installation and setup
Access current setup instructions through the Form Payments marketplace listing. Standard marketplace app installation works through the Webflow interface by installing the app, connecting your payment processor account, and configuring form fields with payment amounts.
Security and compliance requirements
Payment collection requires HTTPS across your entire site. Webflow provides HTTPS by default on all published sites. You must also comply with PCI DSS standards. Review your compliance responsibilities at PCI Security Standards Council. Your specific obligations depend on your implementation approach and how your payment service provider handles sensitive data.
Form data automation through Webflow webhooks
Form Payments sends form submission data through Webflow's form submission webhooks. This is the verified path for automating workflows based on form submissions. Webflow webhooks trigger when forms submit and send form field data to connected automation platforms.
Automation platforms that receive Webflow form webhook data include:
- Zapier through Webflow form submission triggers
- Make.com through Webflow integration modules
- n8n through Webflow trigger nodes
- IFTTT through form submitted triggers
- viaSocket through webhook-based integration
These platforms connect to Webflow's form submission webhooks and receive form field data when submissions occur.
Critical payment verification requirement
Webflow webhooks send form field data but do not include payment confirmation status from marketplace payment apps like Form Payments. To verify payments completed successfully, configure direct webhook connections to your payment processor. For Stripe integrations, set up Stripe webhooks that listen for payment_intent.succeeded events to confirm payment completion before triggering fulfillment workflows.
Without payment processor webhooks configured separately, automation workflows receive form submission data but cannot verify whether payments succeeded or failed.
Form submission automation examples
Common automation patterns using Webflow form webhooks include:
- Send confirmation emails through email marketing platforms when forms submit
- Create customer records in CRM systems from form field data
- Generate invoices or receipts automatically
- Add form submissions to project management tools
- Route notifications to team members through Slack or SMS
- Log transaction data to spreadsheets or databases
What you can build
Form Payments adds payment processing to Webflow forms for collecting payments through form submissions.
- Service bookings: Collect payments when clients book services through your forms by configuring payment amounts based on service tiers and booking requirements
- Event registration: Process ticket purchases through registration forms that collect attendee information and payment in a single submission
- Donations: Accept one-time or recurring donations through forms where donors choose contribution amounts and provide dedication information
- Digital product sales: Sell access to digital products or courses by processing payment through product selection forms, then use automation workflows to deliver purchase confirmations and access credentials through external delivery systems
Frequently asked questions
Form Payments typically integrates with Stripe for card payments. To confirm current payment processor compatibility, check the supported integrations listed on the Form Payments marketplace page. Some marketplace apps also support PayPal, Square, or other processors depending on regional availability.
PCI DSS compliance is legally required for payment collection. When using third-party payment tools, responsibilities split between you and the service provider. Your obligations typically include serving your entire site over HTTPS, never storing card data in logs or databases, and completing annual Self-Assessment Questionnaires (SAQs).
Yes, through Webflow's form submission webhooks. Form submissions trigger webhook events that platforms like Zapier, Make.com, and n8n can receive. However, Webflow's webhook documentation confirms that payment-specific confirmation data from marketplace apps is not included in webhook payloads. For workflows requiring verified payment status, configure direct webhooks from your payment processor (Stripe, PayPal) to receive payment confirmation events separately from form submission notifications.
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 capabilities to Webflow forms.
This integration page is provided for informational and convenience purposes only.
Stripe Webflow integration
Connect Stripe's powerful payment infrastructure with Webflow to accept payments, manage subscriptions, and scale your business globally. Process transactions in 135+ currencies with built-in fraud protection while maintaining complete design control over your checkout experience.
Square
Connect Square's powerful payment processing and point-of-sale system with Webflow to create seamless e-commerce experiences. Accept payments, sync inventory, manage appointments, and unify your online and offline sales channels while maintaining complete design control.
Paypal Payments
Connect PayPal's global payment infrastructure with Webflow to accept payments in 119 countries, enable one-click checkout, and support multiple payment methods. Expand your business reach while maintaining complete design control over the checkout experience.
KOMOJU
Accept payments in Japan and Korea with KOMOJU's localized payment methods on your Webflow site. Enable convenience store payments, bank transfers, and regional e-wallets to boost conversions in East Asian markets.
Donately
Connect Donately's fundraising platform with Webflow to streamline your online donation process. Embed customizable forms, track campaigns, and manage donors while maintaining complete design control over your fundraising pages.
Authorize.net
Connect Authorize.net with Webflow to accept credit cards, e-checks, and payments through embedded forms or API integration.
Amazon Pay
Connect Amazon Pay (a secure digital payment service) with Webflow to streamline checkout and reduce cart abandonment with trusted Amazon account credentials.
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.
