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 guide explains how the four product field types work, shows ready-made templates, and covers how to start accepting payment online through any form you’ve already built — or a new one you build in minutes.

Summary: Any FormHug form becomes a payment form the moment you add a product field — no separate store or payment page required. This guide covers the four field types (product with images, text product, price-only, text option), step-by-step Stripe setup, and templates for orders, bookings, deposits, and event ticket sales.

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.

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.

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.

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 the Pro plan, FormHug charges zero platform fees — you pay only Stripe’s standard processing rate.

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.

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:

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: Open your existing form (or create a new one)

In FormHug, open any existing form you want to add payment to — or start a new one for a fresh use case. Registration, booking, intake, survey — the form type doesn’t matter.

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: Add a product field

From the field panel, 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.

Step 3: Configure your products or prices

For each item in the field:

• Set the name and price
• For Product fields: upload a photo
• Set min/max quantities if needed (useful for limited availability)
• For Text Option: set the price per option

As customers 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.

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

Step 4: Connect Stripe

Go to Form Settings → Payment → Connect Stripe. Link your existing Stripe account or create a new one — this takes about two minutes and is a one-time setup per workspace. Select your currency. That’s it. Apple Pay and Google Pay activate automatically on compatible devices.

Step 5: Test, then go live

Test using Stripe’s test card 4242 4242 4242 4242. Confirm the total calculates correctly and the receipt email arrives. Switch to live mode in Form Settings → Payment, then distribute the form: share the link directly by email, embed the payment form on any webpage using the embed code from the Share tab, 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

Ready to start collecting payment? Create your form →