How to Create a Payment Form — Add Stripe to Any Registration, Booking, or Order Form

You’ve already built the form. The registration form for your workshop. The intake form for new clients. The booking form for your photography sessions. The one thing it doesn’t do is charge the customer — so you send a separate invoice, they forget to pay, and you spend the next week following up.

You don’t need to rebuild the form. You don’t need a separate payment page, an e-commerce store, or a website to sell from. You need one thing: a product field.

Add a product field to any form and it becomes an online payment form. Stripe connects in minutes. Customers submit the form and pay in the same step. This article explains how payment forms work, when they beat payment links or stores, which product field fits each use case, and how to start accepting payment online through an existing form or a new one.

TL;DR — A payment form collects customer details and Stripe payment in one submission, so you do not need a separate invoice, store, or payment page.

• Use a payment form when context matters — registrations, bookings, deposits, donations, and order forms usually need more than a dollar amount.
• Choose the field by what you sell — image products for goods, text products for services, price-only for deposits, and text options for tiers.
• Stripe handles card processing — FormHug keeps card data off its servers and records the form submission with payment status.
• Works for: workshop registration, freelancer deposits, event ticket forms, food pre-orders, merch sales, donation forms.
• On paid plans, FormHug charges zero platform fees; you pay Stripe’s processing fees directly.

What Is a Payment Form?

A payment form is an online form that collects order details and payment in a single submission. The customer selects what they want, fills in any required information, and pays — all before the submission goes through. You receive the complete record and the confirmed Stripe payment in one place, immediately.

The difference from a bare payment link is specific: a Stripe payment link can collect money, but it can’t collect information. The moment you need to know which session, how many people, what size, or which ticket tier — you need a form. A payment form closes that gap by handling both steps at once.

Any FormHug form becomes a payment form the moment you add a product field. The online booking form for your photography sessions, the registration form for your workshop — either can start collecting Stripe payments today without being rebuilt. For a product-level overview of payment use cases and Stripe support, see FormHug’s payment form page.

Why a Payment Form Beats a Standalone Payment Link

A Stripe payment link is fine when all you need is “pay $X.” But the moment you need to know anything else — which session the customer is booking, how many people, dietary requirements, what size, which ticket tier — a bare payment link falls short. You end up asking for that information separately, which means a second message, a second form, or a spreadsheet you update manually.

A payment form collects the custom information and the payment in one step. The customer makes their selections, answers your questions, and pays. You get a single submission that contains everything: the order details, the contact information, and confirmed payment — all in one place, immediately.

This is why an online payment form is the right tool for most freelancers, service businesses, event organizers, educators, and independent sellers. You’re not running a store with product pages, inventory management, and a shopping cart. You’re selling a specific thing to a specific person, and you need to collect their information and payment at once — without a full website.

How FormHug Compares for Payment Forms

Tool	Best for	Collects custom form data	Setup shape
FormHug payment forms	Selling services, tickets, deposits, orders, and donations through one form	Yes — any form field plus product fields	Build or reuse a form, add product fields, connect Stripe
Stripe Payment Links	Simple fixed-price checkout where the amount is the whole story	Limited — not designed for custom form workflows	Create a payment link in Stripe and share it
Shopify or full e-commerce stores	Catalogs, inventory, shipping, and repeat store browsing	Usually separate from custom intake questions	Build product pages, checkout, shipping, and fulfillment workflows

The practical difference is workflow fit. If you need a cart, inventory, shipping labels, and product pages, use a store. If you need to ask questions and collect money in the same flow, use a payment form.

Any form can collect payment — here’s how it works

FormHug has a dedicated payment form type built for selling — product cards, order summary, Stripe checkout all in one. But the more useful thing to know is this: payment is a field. A product field you can drop into any form you’re already building. Your registration form, booking form, intake form, or survey can start collecting Stripe payments today without being rebuilt.

The four payment field types appear in the editor panel alongside all other field types. Add any of them to any form.

When you add a product field, a Stripe checkout automatically activates at form submission. The customer pays before the submission goes through. You get a FormHug submission with the full form data plus a Payment Status: Paid field, and your Stripe dashboard gets the payment record with automatic receipt email to the customer.

The order summary updates in real time as customers add items across product fields. Amount Due is visible before they pay.

FormHug payment forms are PCI DSS Level 1 compliant — the highest security certification for payment processing. Card data never touches FormHug’s servers; Stripe handles capture and processing. On paid plans, FormHug charges zero platform fees, so you pay Stripe’s processing fee directly. In the US, Stripe’s standard online card rate is commonly listed as 2.9% + 30¢ per successful charge; check Stripe’s current pricing for your country and payment method.

Payment Form Field Types

Once you add a product field to your form, there are four types to choose from depending on what you’re selling.

Product (with images)

Image cards showing a photo, product name, price, and quantity selector. Customers can add multiple items with different quantities — closest to an add-to-cart experience.

Product field: image cards with photo, name, current price, and optional sale price. Customers add items with the + button.

When to use this: Selling physical goods, merchandise, food items, or anything where seeing the product matters. A caterer offering three menu packages, a sports club selling branded gear, a bakery taking event orders.

Text Product (no images)

Same as the Product field but without photos — name, price, and quantity only. Nothing to upload; the name carries the description.

Text Product field: service or course tiers as clean text cards. The name and price are the whole pitch.

When to use this: Services, digital products, or anything where there’s no relevant image. “60-minute strategy session,” “Brand audit,” “Website review” — no photo needed. This is also the right field for tiered service packages where the plan name and price speak for themselves.

Price-Only

A payment field with no product name — just an amount selector. You can offer preset amounts ($25 / $50 / $100), allow a custom “Other” input, or set a fixed amount.

Price-Only field: preset amounts plus a custom “Other” option. Add a description to give context — ideal for donations or variable deposits.

When to use this: Deposits for bookings or projects, building a donation form for non-profits or fundraisers, flexible “pay what you can” pricing. When you’ve already described the service elsewhere in the form and just need to collect the amount.

Text Option

Named options with different prices. The customer selects one (or multiple) and the price for that choice is added to their total.

Text Option field: named choices, each with its own price. Multiple option groups can sit inside the same field.

When to use this: Event ticket forms with tier pricing (General / VIP / Early Bird), membership plans (Monthly / Annual), session types (Weekend / Weekday / Intensive), seat categories. Anywhere the customer is choosing between named options that have different prices.

Ready-Made Payment Form Templates

FormHug has ready-made online order form and payment form templates you can start from instead of building from scratch. Here are a few from the orders & payments template collection; for a broader list by use case, see 13 free order form templates with online payment.

Payment Form Template — Built for freelancers and small businesses. Captures payment amounts, reference numbers, and billing details with Stripe integration. Closes the gap between sending an invoice and actually getting paid.

Service Order Form Template — Combines service selection, scheduling, and payment into one submission. Appointment-based businesses (salons, tutors, photographers, cleaning services) collect the booking and the payment in the same step — no follow-up invoice.

Food Order Form Template — For restaurants and caterers. Customers specify menu items, customizations, dietary requirements, and pickup time without a phone call. Works for scheduled pre-orders and catering events.

T-Shirt Order Form Template — For merch drops and branded events. Handles size, color, quantity per person, and payment in one form — no e-commerce product page needed.

The pattern is the same across all of them: take a form you’d need anyway, add the right product field, connect Stripe. The form collects the data and the money in one step. For intake forms that also collect a project deposit, see how to create an intake form.

How to Create a Stripe Payment Form

Step 1: Start from the form your customer already needs

Start with the information you need before the customer pays: registration details, booking preferences, order customizations, donation notes, or client intake answers. In FormHug, open an existing form or create a new one around that workflow.

If you’re starting from scratch, describe what you’re selling to FormHug’s AI builder: “workshop registration with three session options, early bird pricing available.” The form, field choices, and product field are generated automatically.

Step 2: Choose the product field that matches the pricing model

Add the product field type that fits what you’re charging for:

• Product — items with photos and quantities
• Text Product — items without photos, text descriptions only
• Price-Only — single amount, preset options, or flexible input
• Text Option — named choices with different prices

You can add more than one product field to the same form — for example, a Text Option field for ticket tier plus a Price-Only field for an optional donation.

For exact field behavior and setup options, the payment fields documentation covers product fields, price-only fields, and related payment settings.

Step 3: Make the price visible before checkout

For each item, set the name, price, quantity rules, and option labels. The key conversion principle is simple: customers should understand the total before they hit submit. As they fill out the form and make selections, a Selected Product panel appears on the page showing each chosen item and a live Amount Due total.

Step 4: Connect Stripe, test the payment, then publish

Connect your Stripe account, select the currency, and run a test payment before sharing the form. Confirm the total calculates correctly and the receipt email arrives. Then distribute the form: share the link directly by email, embed the payment form on any webpage, or post it in a messaging group or social bio.

What you get after every payment

Two records are created automatically when a customer submits and pays:

In Stripe: a payment entry with the amount, customer email, and automatic receipt. No action needed on your side.

In FormHug: a submission with the complete form data — all fields, selections, quantities — plus a Payment Status field. You can view submissions in the dashboard, export to CSV, or forward to a webhook for Airtable, a CRM, or an email notification.

Failed payments are recorded too (Payment Status: Failed) so you have a complete log. You can follow up manually or resend the form link.

One clarification: FormHug is not a full order management system. It doesn’t handle inventory, shipping labels, or fulfillment. What it does is get the right information and the payment into your hands immediately, in one place — the coordination problem that makes running a service business or small event painful goes away.

Frequently Asked Questions

Is there a free payment form builder?

FormHug’s free plan lets you build forms and test the product, but collecting live Stripe payments requires a paid plan. Once on a paid plan, there are no per-transaction platform fees from FormHug — you pay only Stripe’s standard rate. For low-volume use cases (small events, occasional client deposits), the cost of the plan is typically a fraction of what a dedicated payment platform would charge.

Can I embed a payment form on my website?

Yes. Every FormHug form has an embed code you can paste into any webpage — a static site, Webflow, WordPress, Squarespace, or a custom HTML page. The embedded payment form works identically to the standalone link: Stripe checkout activates on submission, receipts go out automatically, and submissions appear in your FormHug dashboard.

Can I add payment to a form I’ve already built?

Yes — open the existing form in FormHug, add a product field from the field panel, and connect Stripe in Form Settings. The form doesn’t need to be rebuilt. Existing fields, logic, and settings are all preserved.

Do customers get a receipt automatically?

Yes. Stripe sends an automatic receipt email to the customer after a successful payment. You don’t need to set this up — it’s part of Stripe’s default behavior. The email includes the amount paid, a transaction ID, and your Stripe business name.

What payment methods are accepted?

All major credit and debit cards via Stripe, plus Apple Pay and Google Pay on compatible devices. Apple Pay and Google Pay activate automatically once Stripe is connected — no configuration needed on your side.

Can I charge for just part of the total — like a deposit?

Yes. Use a Price-Only field and set it to the deposit amount. Alternatively, describe the deposit context in the form (e.g., “50% deposit to confirm booking — remainder due on the day”) and set the Price-Only field to the deposit figure. The form collects the deposit; you handle the balance separately.

Does FormHug take a cut of each transaction?

No, on the Pro plan. FormHug charges zero platform fees. You pay only Stripe’s standard processing rate — typically 2.9% + 30¢ per transaction in the US. Rates vary by country and card type.

Can I use different currencies?

Yes. Currency is set per form in Form Settings → Payment. All currencies supported by Stripe are available. If you run events or sell to customers in multiple countries, each form can be configured for a different currency.

How do I get started?

FormHug payment forms are available on paid plans. Connect your Stripe account in workspace settings, add a product field to any form, and you’re ready to charge. The full setup — form, Stripe connection, test transaction — takes under 15 minutes. Start here.

Related

• How to Create an Online Booking Form for Appointments, Classes, and Reservations — add a deposit field to your booking form to collect payment at the time of reservation
• How to Create an Intake Form That Collects the Right Information — combine client intake with a kickoff deposit in one form
• How to Create an RSVP Form — RSVP collection with optional ticket payment for events

Every separate invoice is another chance for a customer to delay, forget, or ask you to resend the link. Put the form details and the payment in one flow instead. Create your form →