Skip to main content
A payment form collects selections, calculates totals, and optionally sends submitters to online payment. The right setup depends on what people are paying for: a simple amount, a visual product, a text-based package, or a ticket option. For the field-by-field reference, see Payment Fields. For online payment setup, see Stripe. The public demo forms in this guide show complete product configuration without requiring a live payment account.

​
Match the Field to the Scenario

ScenarioPayment FieldUse It When
DonationPrice-OnlyPeople choose a fixed amount or enter a custom amount.
Merchandise storeProductPeople compare visual products such as T-shirts, bags, and stickers.
Hotel booking packageText ProductPeople choose a text-based product such as a hotel, room type, and number of nights.
Ticket bookingText OptionPeople choose from text option groups such as ticket type and attendance length.

​
Build Your Payment Form

1

Choose the payment field

Start with the field that matches the buying decision. Use Price-Only for amount-only payments, Product for visual goods, Text Product for text-based packages, and Text Option for option-driven pricing.
2

Configure prices and variants

Add products, amount options, or option groups. For Product, Text Product, and Text Option, configure each variant row with price, original price, stock, default quantity, minimum quantity, and maximum quantity as needed.
3

Add discounts

Use early-bird discounts for purchase-by-date campaigns, or bulk discounts when buying more items should reduce the total.
4

Set currency and payment account

Choose the currency. When you are ready to collect online payments, connect Stripe and select the payment account. You can leave the form unconnected while testing product configuration.
5

Preview the order summary

Test the public form. Confirm the add-to-cart flow, selected-product summary, discount, quantity controls, and amount due all match your setup.

​
Donation Form

Use Price-Only for donation forms, deposits, and simple fees. Donation form using a Price-Only field with fixed amounts, custom amount, message, selected product, and amount due In this example, supporters choose $10, $50, $100, or enter another amount. The selected donation appears in the payment summary before submission.

Open the donation demo

Demo: Children’s Reading Corner Donation

​
Merchandise Store

Use Product when images matter. This is the best fit for T-shirts, tote bags, stickers, product catalogs, and physical goods. Merchandise order form showing T-shirt, canvas tote bag, and sticker pack product cards The merchandise example uses product cards with images, prices, original prices, quantity controls, and selected-product totals. Product settings for a T-shirt with images, size and color variants, and price and stock rows Use variants for options such as Size and Color. Configure price, original price, stock, and quantity rules for each variant combination.

Open the merchandise demo

Demo: FormHug Merchandise Store

​
Hotel Booking Package

Use Text Product for packages that are easier to compare by name and description than by image. Hotel booking is a good example: the products are hotels, the variant is room type, and the quantity can represent nights or rooms. Conference hotel booking form using Text Product cards for Grand Conference Hotel and City Center Inn The hotel example pairs check-in and check-out date fields with a Text Product field. The selected room is added to the order summary with a discount and amount due. Selected Product summary for hotel booking showing room type, nights, original price, discount, and amount due
Use Text Product for predefined hotel packages. If submitters need to freely choose available time slots or dates from a booking calendar, use the Booking field instead.

Open the hotel booking demo

Demo: Conference Hotel Booking Form

​
Ticket Booking

Use Text Option when the final price comes from text choices. Ticket forms often combine ticket type, attendance option, access level, or workshop package. Ticket booking form using Text Option groups for ticket type and attendance In this example, the submitter chooses a ticket type and attendance option. The selected combination controls the price shown in the summary. Text Option settings showing ticket type and attendance groups with combination prices and stock settings

Open the ticket booking demo

Demo: UX Design Workshop Registration and Payment

​
Payment Form Checklist

  • Choose the field type that matches the buying decision.
  • Set currency before publishing.
  • Add prices, original prices, stock, and quantity limits where needed.
  • Configure early-bird or bulk discounts if the offer depends on purchase timing or quantity.
  • Connect Stripe only when you are ready to collect real online payments. See Stripe for the connection flow.
  • Submit a test entry and check the selected-product summary before sharing the form.

Payment Fields

Learn every payment field type and setting

Stripe

Connect Stripe and review payment status and receipts

Submission Rules

Control capacity, submission limits, and closing behavior

Notifications

Send confirmations and internal alerts after submissions

Order & Payment Templates

Start from ready-made order and payment templates
Last modified on June 8, 2026