Skip to main content
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.
FieldBest ForExample
Price-OnlyA fixed amount or custom amount without product detailsDonation, deposit, registration fee
ProductVisual products with images, descriptions, variants, stock, and quantitiesT-shirt, tote bag, sticker pack
Text ProductProducts or packages that do not need images but still need variants, stock, and quantitiesHotel rooms, service packages, workshops
Text OptionA single paid choice built from text option groupsTicket type + attendance option
The demo forms linked from this page are configured to show the product experience, but they do not need to be connected to a live payment account while you are testing setup.

​
Shared Capabilities

Payment fields share a few important settings.
CapabilityHow It Works
CurrencySets the currency shown on prices and totals.
Stripe accountConnects the form to a Stripe payment account when you want online payment.
DiscountsApplies early-bird or bulk discounts as a percentage or fixed amount.
Order summaryShows selected products, quantities, discounts, and the final amount due.
Display-only modeLets you show product selections and totals without sending submitters to payment.
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. Price-Only donation form showing fixed donation amounts, a custom amount, a message field, and the selected donation summary In this donation example, submitters choose a preset amount or enter another amount. The selected amount appears in the order summary before submission. Price-Only field settings showing amount options, custom amount, minimum amount, currency, payment account, discount, and validation rules Key settings:
  • Fixed amount options
  • Custom amount input
  • Minimum custom amount
  • Currency
  • Stripe payment account
  • Discount
  • Required and validation rules

Open the donation demo

See a Price-Only field used for a children’s reading corner donation form.

​
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. Product field showing a merchandise store with T-shirt, canvas tote bag, and sticker pack product cards 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. Product add-to-cart modal showing images, size and color variants, unit price, total, quantity, and confirm action 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. Product settings dialog showing product images, size and color variants, and price and stock management rows 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
Selected Product summary showing multiple merchandise items, quantities, and amount due

Open the merchandise demo

See a Product field used for T-shirts, tote bags, and sticker packs.

​
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. Text Product hotel booking form showing check-in and check-out dates, hotel descriptions, an early-bird discount banner, and text product cards In this hotel booking example, the products are hotels. The variant is the room type, and the quantity is shown as nights. Text Product add-to-cart modal showing Grand Conference Hotel room type variants and three nights selected Text Product supports text or URL descriptions. Long descriptions can be collapsed so the public form stays compact. Text Product edit dialog showing text description, URL description, collapsed display, room type variants, and price and stock management 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
Selected Product summary showing hotel room selection, original price, discounted price, nights, discount, and amount due

Open the hotel booking demo

See a Text Product field used for a conference hotel booking form.

​
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. Text Option ticket booking form showing ticket type and attendance options plus selected product summary In this ticket example, the price is based on the selected ticket type and attendance option. Text Option settings showing Ticket Type and Attendance variant groups plus price and stock management rows Key settings:
  • Option groups
  • Option labels
  • Combination pricing
  • Original price
  • Stock per option combination
  • Default, minimum, and maximum quantity
  • Default option

Open the ticket booking demo

See a Text Option field used for workshop ticket booking.

​
Discounts

Payment fields can apply discounts before checkout.
Discount TypeUse It For
Early BirdReduce the price when the submitter purchases before a date and time.
Bulk DiscountReduce the total when the submitter buys enough items in one order.
Discount settings showing bulk discount and percentage discount configuration 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.
Forms that already have submissions may restrict changes to currency or payment method. This helps keep past payment records consistent.

Create a Payment Form

Build donation, merchandise, hotel booking, and ticket payment forms

Workspace Settings

Connect Stripe before collecting online payments

Stripe Integration

Connect Stripe and review payment status and receipts

Form Builder

Add and configure fields in the form editor

Order Form Templates

Start from product order and payment templates

Form Notifications

Send notifications after paid or display-only submissions
Last modified on June 8, 2026