Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
Payment element in Forms makes collecting donations and user-defined amounts possible. Now, you can find it under the "Integrations" section in the Add Element in form builder, giving you the ability to seamlessly integrate payment functionality right into your forms and take the user experience up a notch.
The Payments feature in Forms gives you the ability to:
Collect donations (suggested or custom amounts).
Enable recurring contributions like subscriptions.
Sell products with manual payment methods such as cash or bank transfer.
Track and manage all payments through the unified Payments dashboard.
Available Payment Types
You can accept payments in multiple ways, depending on your setup:
Online Payments (via connected gateways like Stripe, Authorize.net, NMI).
Manual Payments (offline methods).
Cash on Delivery (COD): Customer pays in cash at delivery.
Custom Payment Methods: Includes bank transfer, checks, or other offline arrangements.
Donation Amount Options
Suggest an Amount Customization
Suggest an Amount Customization (image 1 of 6)What this shows Online Payments (via connected gateways like Stripe, Authorize.net, NMI).What this showsIllustrates the "Suggest an Amount Customization" section of "Payment in Forms (Including Donations)".This screenshot appears in the "Suggest an Amount Customization" section of "Payment in Forms (Including Donations)". The text alongside this image reads: Online Payments (via connected gateways like Stripe, Authorize.net, NMI). Manual Payments (offline methods). Immediately after, the guide continues: Let donors choose from suggested amounts in their preferred currency.Image 1 of 6What this coversOnline Payments (via connected gateways like Stripe, Authorize.net, NMI). Manual Payments (offline methods).
Buttons and menus referenced15 suggested amountscurrency“Other Amount”
Next stepLet donors choose from suggested amounts in their preferred currency:All 5 steps in this procedure
Add up to 15 suggested amounts.
Select a currency from the dropdown.
Enable the “Other Amount” option for flexibility.
Customize the label/tag that displays when a user selects an amount.
Suggested amount styling automatically matches your form’s theme.
Suggest an Amount Customization (image 2 of 6)What this shows Online Payments (via connected gateways like Stripe, Authorize.net, NMI).What this showsIllustrates the "Suggest an Amount Customization" section of "Payment in Forms (Including Donations)".This screenshot appears in the "Suggest an Amount Customization" section of "Payment in Forms (Including Donations)". The text alongside this image reads: Online Payments (via connected gateways like Stripe, Authorize.net, NMI). Manual Payments (offline methods). Immediately after, the guide continues: Let donors choose from suggested amounts in their preferred currency.Image 2 of 6What this coversOnline Payments (via connected gateways like Stripe, Authorize.net, NMI). Manual Payments (offline methods).
Buttons and menus referenced15 suggested amountscurrency“Other Amount”
Next stepLet donors choose from suggested amounts in their preferred currency:All 5 steps in this procedure
Add up to 15 suggested amounts.
Select a currency from the dropdown.
Enable the “Other Amount” option for flexibility.
Customize the label/tag that displays when a user selects an amount.
Suggested amount styling automatically matches your form’s theme.
Let donors choose from suggested amounts in their preferred currency:
Add up to 15 suggested amounts.
Select a currency from the dropdown.
Enable the “Other Amount” option for flexibility.
Customize the label/tag that displays when a user selects an amount.
Suggested amount styling automatically matches your form’s theme.
User-Defined Amount
User-Defined Amount (image 3 of 6)What this shows Add up to 15 suggested amounts.What this showsIllustrates the "User-Defined Amount" section of "Payment in Forms (Including Donations)".This screenshot appears in the "User-Defined Amount" section of "Payment in Forms (Including Donations)". The text alongside this image reads: Add up to 15 suggested amounts. Select a currency from the dropdown. Enable the “Other Amount” option for flexibility. Customize the label/tag that displays when a user selects an amount. Suggested amount styling automatically matches your form’s theme. Immediately after, the guide continues: If you don’t use suggested amounts, the User-Defined Amount option is enabled automatically.Image 3 of 6What to chooseAdd up to 15 suggested amounts. Select a currency from the dropdown. Enable the “Other Amount” option for flexibility. Customize the label/tag that displays when a user selects an amount. Suggested amount styling automatically matches your form’s theme.
Buttons and menus referencedUser-Defined Amount
Next stepIf you don’t use suggested amounts, the User-Defined Amount option is enabled automatically:All 2 steps in this procedure
Donors can enter their own amount.
A placeholder can be added to guide them on what to enter.
If you don’t use suggested amounts, the User-Defined Amount option is enabled automatically:
Donors can enter their own amount.
A placeholder can be added to guide them on what to enter.
Recurring Donations
The Recurring Donation feature lets customers subscribe to donations on a repeating schedule.
How it works:
Add the Custom Amount element to your form.
Enable the Recurring Payment toggle.
Choose available billing frequencies (Weekly, Monthly, Yearly).
Recurring Donations (image 4 of 6)What this shows Add the Custom Amount element to your form.What this showsIllustrates the "Recurring Donations" section of "Payment in Forms (Including Donations)".This screenshot appears in the "Recurring Donations" section of "Payment in Forms (Including Donations)". The text alongside this image reads: Add the Custom Amount element to your form. Enable the Recurring Payment toggle. Choose available billing frequencies (Weekly, Monthly, Yearly). Immediately after, the guide continues: Donors pick an amount and billing frequency. They subscribe once, and payments recur automatically.Image 4 of 6What to chooseAdd the Custom Amount element to your form. Enable the Recurring Payment toggle. Choose available billing frequencies (Weekly, Monthly, Yearly).
Next stepDonors pick an amount and billing frequency. They subscribe once, and payments recur automatically.All 3 steps in this procedure
Add the Custom Amount element to your form.
Enable the Recurring Payment toggle.
Choose available billing frequencies (Weekly, Monthly, Yearly).
Customer Experience:
Donors pick an amount and billing frequency.
They subscribe once, and payments recur automatically.
Why it matters:
Simplifies the donor journey.
Encourages repeat contributions.
Helps grow your Total Payment Volume (TPV).
Updated Collect Payment appearance
The Collect Payment element now has a more polished default appearance.
This update includes:
clearer empty states,
configurable header text,
and a direct option to add a product while setting up the payment element.
These changes make the payment section easier to understand and configure inside forms.
How Manual Payments Work
Manual payment methods allow you to sell products through forms and surveys while collecting payments offline. Find the detailed article on manual payments here.
1. Enable Manual Payments
Go to Payments > Integrations > Manual Payment Methods.
Enable Cash on Delivery or Custom Payment Methods.
Configure descriptions and post-purchase messages.
Ensure manual payment options are enabled specifically for forms and surveys.
2. Automatic Display in Forms & Surveys
When a product is added to a form or survey, the manual payment option appears automatically in the payment selection.
3. Order Processing & Payment Collection
When a form is submitted with manual payment selected, the order shows in Payments > Orders with a Pending status.
Businesses can then mark the order as Paid and select the payment mode (cash, card, check, bank transfer, etc.).
The updated payment status syncs automatically with the Form Submissions section.
Tracking Payments
Tracking Payments (image 5 of 6)What this shows When a form is submitted with manual payment selected, the order shows in Payments > Orders with a Pending status.What this showsIllustrates the "Tracking Payments" section of "Payment in Forms (Including Donations)".This screenshot appears in the "Tracking Payments" section of "Payment in Forms (Including Donations)". The text alongside this image reads: When a form is submitted with manual payment selected, the order shows in Payments > Orders with a Pending status. Businesses can then mark the order as Paid and select the payment mode (cash, card, check, bank transfer, etc.). The updated payment status syncs automatically with the Form…. The navigation path used here is Payments > Orders. Immediately after, the guide continues: You can monitor all payments in one place.Path: Payments > OrdersImage 5 of 6What to chooseWhen a form is submitted with manual payment selected, the order shows in Payments > Orders with a Pending status. Businesses can then mark the order as Paid and select the payment mode (cash, card, check, bank transfer, etc.). The updated payment status syncs automatically with the Form Submissions section.
Buttons and menus referencedform submission dataPayments > Transactions
Next stepYou can monitor all payments in one place:All 4 steps in this procedure
View payment details directly in form submission data.
Access full transaction history under Payments > Transactions.
Export payment details as needed.
See real-time status (successful, pending).
You can monitor all payments in one place:
View payment details directly in form submission data.
Access full transaction history under Payments > Transactions.
Export payment details as needed.
See real-time status (successful, pending).
Email Notifications
Email Notifications (image 6 of 6)What this shows View payment details directly in form submission data.What this showsIllustrates the "Email Notifications" section of "Payment in Forms (Including Donations)".This screenshot appears in the "Email Notifications" section of "Payment in Forms (Including Donations)". The text alongside this image reads: View payment details directly in form submission data. Access full transaction history under Payments > Transactions. Export payment details as needed. See real-time status (successful, pending). The navigation path used here is Payments > Transactions. Immediately after, the guide continues: Enable autoresponders and email notifications for payment-enabled forms.Path: Payments > TransactionsImage 6 of 6What this coversView payment details directly in form submission data. Access full transaction history under Payments > Transactions. Export payment details as needed. See real-time status (successful, pending).
Buttons and menus referencedautoresponders and email notifications
Next stepEnable autoresponders and email notifications for payment-enabled forms:All 2 steps in this procedure
Notifications include payment amount and status.
Keeps both you and your customers informed instantly.
Enable autoresponders and email notifications for payment-enabled forms:
Notifications include payment amount and status.
Keeps both you and your customers informed instantly.
Benefits & Use Cases
Greater Flexibility: Accept both online and offline payments.
Recurring Support: Encourage ongoing contributions with automated recurring billing.
Seamless Order Tracking: Unified dashboard for forms, orders, and payments.
Automatic Sync: Payment status updates reflect in both Orders and Submissions.
Ideal for Cash-Based Businesses: Perfect for businesses relying on COD or offline methods.
Important Notes
NMI and Authorize.net require First Name as a mandatory field.
Refunds are not supported at this time.
The old API-based Stripe Connect method is no longer supported.
In calendars with custom form payments, the Payment element will not display.
Multi-payments across multiple forms in funnels are not yet supported.
Undo/Redo is not available with the Payment element.
✅ By enabling payments in forms, you can provide customers with more options, streamline order management, and create a smoother checkout experience.