# Payment in Forms (Including Donations) > Payment element in Forms makes collecting donations and user defined amounts possible. Now, you can find it under the Add Element in form builder. - Source: https://docs.ghlcustomercare.com/docs/sites/forms/payment-in-forms-including-donations - Section: Sites / Forms - Reading time: 3 min - Images: 6, each explained below - Modified on Mon, 27 Apr at 11:49 PM --- ### More Tutorials from the Community [https://youtu.be/x0YVga4F6fA](https://youtu.be/x0YVga4F6fA) [https://youtu.be/K-4H3AILlUU](https://youtu.be/K-4H3AILlUU) [https://youtu.be/QZ0WXKpTHIM](https://youtu.be/QZ0WXKpTHIM) [https://youtu.be/GK3sFbmTnTk](https://youtu.be/GK3sFbmTnTk) --- 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.  **TABLE OF CONTENTS** - [Overview](#overview) - [Available Payment Types](#available-payment-types) - [Donation Amount Options](#donation-amount-options) - [Suggest an Amount Customization](#suggest-an-amount-customization) - [User-Defined Amount](#user-defined-amount) - [Recurring Donations](#recurring-donations) - [How Manual Payments Work](#how-manual-payments-work) - [1\. Enable Manual Payments](#1-enable-manual-payments) - [2\. Automatic Display in Forms & Surveys](#2-automatic-display-in-forms-and-surveys) - [3\. Order Processing & Payment Collection](#3-order-processing-and-payment-collection) - [Tracking Payments](#tracking-payments) - [Email Notifications](#email-notifications) - [Benefits & Use Cases](#benefits-and-use-cases) - [Important Notes](#important-notes) ## Overview 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054677894/original/GQGfEt3FAM5Jfu67kOrXPw8K481ktGXAIA.png) **Suggest an Amount Customization (image 1 of 6)** 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. - What this covers: Online Payments (via connected gateways like Stripe, Authorize.net, NMI). Manual Payments (offline methods). - Controls: 15 suggested amounts, currency, “Other Amount” - Next: Let donors choose from suggested amounts in their preferred currency: Full procedure: 1. Add up to 15 suggested amounts. 2. Select a currency from the dropdown. 3. Enable the “Other Amount” option for flexibility. 4. Customize the label/tag that displays when a user selects an amount. 5. Suggested amount styling automatically matches your form’s theme. ![Suggest an Amount Customization (image 2 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054677937/original/gFkQx0ghwhhvfWpNp501zRIAzkx8r9d3NQ.png) **Suggest an Amount Customization (image 2 of 6)** 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. - What this covers: Online Payments (via connected gateways like Stripe, Authorize.net, NMI). Manual Payments (offline methods). - Controls: 15 suggested amounts, currency, “Other Amount” - Next: Let donors choose from suggested amounts in their preferred currency: Full procedure: 1. Add up to 15 suggested amounts. 2. Select a currency from the dropdown. 3. Enable the “Other Amount” option for flexibility. 4. Customize the label/tag that displays when a user selects an amount. 5. 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054678026/original/KpGiXmdYu-VowtFrzXp-o2QdWrsqFikUSg.png) **User-Defined Amount (image 3 of 6)** 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. - What to choose: 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. - Controls: User-Defined Amount - Next: If you don’t use suggested amounts, the User-Defined Amount option is enabled automatically: Full procedure: 1. Donors can enter their own amount. 2. 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:** 1. Add the **Custom Amount** element to your form. 2. Enable the **Recurring Payment toggle**. 3. Choose available billing frequencies (Weekly, Monthly, Yearly). ![Recurring Donations (image 4 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155055401316/original/sBHoS3LWRPa6V7_hJelpl4BvKMR4VHHkpQ.png) **Recurring Donations (image 4 of 6)** 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. - What to choose: Add the Custom Amount element to your form. Enable the Recurring Payment toggle. Choose available billing frequencies (Weekly, Monthly, Yearly). - Controls: Recurring Donation, Custom Amount, Recurring Payment toggle, Total Payment Volume (TPV) - Next: Donors pick an amount and billing frequency. They subscribe once, and payments recur automatically. Full procedure: 1. Add the Custom Amount element to your form. 2. Enable the Recurring Payment toggle. 3. 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.](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/manual-payment-support-for-forms-surveys) ### 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054678185/original/ni3D60ydN4iUo9IzTDHuKO_HJddZNjsy9g.png) **Tracking Payments (image 5 of 6)** 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 > Orders - What to choose: 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. - Controls: form submission data, Payments > Transactions - Next: You can monitor all payments in one place: Full procedure: 1. View payment details directly in form submission data. 2. Access full transaction history under Payments > Transactions. 3. Export payment details as needed. 4. 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054678238/original/J_rv8qm_8NdEKULMVo_cHDhUQxsTYn4HGQ.jpeg) **Email Notifications (image 6 of 6)** 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 > Transactions - What this covers: 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). - Controls: autoresponders and email notifications - Next: Enable autoresponders and email notifications for payment-enabled forms: Full procedure: 1. Notifications include payment amount and status. 2. 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. --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com