Payment Fields

Payment fields let you add prices, products, order totals, discounts, and payment collection to a form. Use them for donations, product orders, ticket sales, hotel packages, deposits, paid registrations, and other workflows where the submitter needs to choose what they are paying for. For a step-by-step scenario guide, see Create a Payment Form. To connect online payment, see Stripe. For the product-level workflow, see the payment form builder or start from order and payment templates.

​

Payment Field Types

Choose the field based on what the submitter needs to select before checkout.

​

Shared Capabilities

Payment fields share a few important settings. Product, Text Product, and Text Option also support variant-style pricing. Each variant row can have its own price, original price, stock, default quantity, minimum quantity, and maximum quantity.

​

Price-Only

Use Price-Only when the payment amount is the main field. It is the simplest choice for donations, deposits, registration fees, service charges, and pay-what-you-want payments. In this donation example, submitters choose a preset amount or enter another amount. The selected amount appears in the order summary before submission. Key settings:

• Fixed amount options
• Custom amount input
• Minimum custom amount
• Currency
• Stripe payment account
• Discount
• Required and validation rules

​

Product

Use Product when submitters need to compare visual products. Product fields support product images, descriptions, variants, stock, quantity rules, discounts, and selected-product summaries. In this merchandise store example, each product has images, a description, a price, an original price, stock-aware quantity controls, and an add-to-cart button. Use variants for choices such as size, color, material, bundle, or edition. FormHug combines variant options into purchasable rows, so each combination can have its own price and stock. Key settings:

• Product name and description
• Product images
• Variant groups such as Size and Color
• Price and original price
• Stock per product or variant
• Default, minimum, and maximum quantity
• Unit text and stock text
• Discount

​

Text Product

Use Text Product when the product or package does not need images. It works well for hotel packages, service packages, workshop passes, appointments with fixed packages, and other text-first purchases. In this hotel booking example, the products are hotels. The variant is the room type, and the quantity is shown as nights. Text Product supports text or URL descriptions. Long descriptions can be collapsed so the public form stays compact. Key settings:

• Product name
• Text description or URL description
• Collapsed display for long descriptions
• Variant groups such as Room Type
• Price and original price
• Stock per product or variant
• Default, minimum, and maximum quantity
• Unit text such as nights or rooms
• Restore stock on deletion

​

Text Option

Use Text Option when one paid offer is determined by text choices. It is useful for ticket booking, plans, packages, or registration options where the submitter chooses from option groups. In this ticket example, the price is based on the selected ticket type and attendance option. Key settings:

• Option groups
• Option labels
• Combination pricing
• Original price
• Stock per option combination
• Default, minimum, and maximum quantity
• Default option

​

Discounts

Payment fields can apply discounts before checkout. Discounts can be percentage-based or fixed-amount. Depending on the field setup, they can reduce the total order amount or product pricing shown in the selected-product summary.

​

Currency, Stripe, and Testing

Set the currency before you publish a payment form. If you want online payment, choose a connected Stripe account in the payment settings. If you only want to test product configuration, you can leave the form unconnected and use the payment fields in display-only mode. For the full connection flow, see Stripe.

​

Related