Skip to main content
Payment fields let you collect payments directly through your forms using Stripe integration.

Available Payment Fields

FieldDescriptionBest For
Text ProductProduct with text descriptionSimple products
ProductProduct with image and descriptionVisual products
Price-OnlyFixed price without product detailsDonations, fees
Text OptionSelectable options that affect priceAdd-ons, upgrades

Text Product

Add a product with a text description for payment forms. Settings:
  • Product name
  • Description
  • Price
  • Quantity selector
Common uses:
  • Service packages
  • Event tickets
  • Simple product sales

Product with Image

Add a product with an image and description. Settings:
  • Product name
  • Description
  • Product image
  • Price
  • Quantity selector
Common uses:
  • Physical products
  • Merchandise
  • Visual product catalogs

Price-Only Field

Display a fixed price amount without product details. Settings:
  • Price amount
  • Label (optional)
Common uses:
  • Registration fees
  • Donations
  • Service charges
  • Fixed-price items

Text Option

Add selectable text options that affect the total price. Settings:
  • Option labels
  • Price for each option
  • Single or multiple selection
Common uses:
  • Add-ons and extras
  • Size/variant selection
  • Upgrade options

Setting Up Payments

1

Connect Stripe

Go to Settings → Payments and connect your Stripe account
2

Add Payment Fields

Add product fields to your form
3

Configure Products

Set prices and descriptions for each item
4

Test

Use Stripe test mode to verify the checkout flow

Payment Features

FeatureDescription
Secure CheckoutPCI-compliant payment processing via Stripe
Multiple ProductsAdd multiple items to a single form
Quantity SelectionLet submitters choose quantities
Automatic TotalsCalculate totals including options
Payment ConfirmationAutomatic receipts and confirmations
Payment processing requires a connected Stripe account. FormHug does not store payment information.

Next Steps