All articles

How to Create an Online Order Form (3 Methods: Template, AI, From Scratch)

You can build an online order form three ways: start from a template, prompt an AI to generate it, or build from scratch. Each takes between 2 and 20 minutes depending on how custom your products and pricing are.

This guide walks all three methods with concrete steps, then shows how to connect Stripe and PayPal, set conditional rules, and embed the form on your site.

By the end you'll have a working order form that collects payments, calculates totals, and routes orders to your inbox automatically. If you only want the fast answer: pick a free order form template, connect Stripe, publish. Eight minutes start to finish.

Quick answer

You can build an online order form three ways. Pick the one that matches how custom your products and pricing are.

  • Fastest: start from a free order form template, swap in your products, connect Stripe. ~8 minutes.
  • Most flexible: prompt the AI form generator with "create an order form for [your business]". Customize fields. ~12 minutes.
  • Most control: build from scratch in the drag-and-drop builder. ~20 minutes.
  • All three methods support Stripe and PayPal, conditional logic, pricing calculations, file uploads, and embed on any site.

Template vs AI vs scratch: which method should you pick?

Start with a template. If no template matches in 60 seconds of looking, prompt the AI. If the AI output still doesn't fit after one regeneration, build from scratch.

Method 1

Template

Best for: Stable product list, fast launch, common business types (bakery, t-shirts, retail)


  • Time: ~8 minutes
  • Customization: medium
  • Payment connections pre-wired
  • Limited if products don't fit a standard pattern
Method 3

From scratch

Best for: Complex pricing logic, multi-variable totals, non-standard payment flow


  • Time: ~20 minutes
  • Customization: highest
  • Full control of every field and rule
  • Slower; requires more familiarity with the builder

Method 1

Start from a free order form template (fastest)

Templates are the fastest path for ~80% of order forms because the fields, payment connections, and confirmation emails are already wired. You're swapping product names and prices, not building.

  1. Pick a template that matches your business

    Open the order forms category. Browse the cake order form, t-shirt order form, bakery order form, product order form, purchase order form, catering order form, or work order form.

  2. Open it in the builder

    Click "Use template". Formester opens the form inside the builder with every field pre-populated.

  3. Swap in your products and prices

    Replace the demo product names and prices with yours. Drag fields up or down to reorder. Delete fields you don't need.

  4. Connect Stripe or PayPal

    Open the Integrations tab. Connect Stripe or PayPal. The payment field maps to the total automatically.

  5. Publish and share

    Click Publish. Copy the public link or grab the embed code under the Share tab.

Time: ~8 minutes for a 5-product order form. Pick this when: your products are stable, you want to launch today, you don't want to think about field types.

Method 2

Generate with AI (best when you want a custom structure in minutes)

The AI form generator accepts plain-text prompts, lists of existing questions, or a PDF upload. It writes the form in about 30 seconds, then drops you in the builder to refine.

  1. Open the AI form generator

    Sign in (or sign up free). Click Create New Form, then Create With AI.

  2. Write a specific prompt

    Vague prompts return vague forms. Try: "Create a t-shirt order form with size (S, M, L, XL), color (white, black, navy), quantity, customer name, shipping address, and Stripe payment." The more specifics, the less editing after.

  3. Generate the form

    Click Generate form. Wait ~30 seconds. The AI builds the field structure, labels, and field types (single-choice, dropdown, text, number, picture choice).

  4. Review and clean up

    Delete any field you don't need. Add anything missing. Picture Choice for product images is a common add (drag from the field library).

  5. Add conditional logic (optional)

    Set conditional logic, e.g., "if Product Category = Men, hide Women and Kids fields". You can also prompt the AI to write conditional rules.

  6. Connect payments and publish

    Same as Method 1, step 4 onward. Connect Stripe or PayPal, bind the payment field to your total, hit Publish.

Time: ~12 minutes for a 5-product order form. Pick this when: your form structure doesn't match an existing template, you want field labels written in your tone of voice, or you're starting from a brief or PDF you already have. Per Outgrow's 2025 benchmark, interactive AI-built forms convert at an average of 47.3% versus 2-3% for static contact forms.

Method 3

Build from scratch (most control)

Pick this when you have an unusual product configuration, multi-currency pricing, or a complex calculation flow that templates and AI don't handle cleanly.

  1. Start from a blank form

    Click Create New Form, then Start from Scratch.

  2. Drag in the fields you need

    Short Text (name), Email, Phone, Address, Single Choice or Picture Choice (product), Number (quantity), Calculating Field (total), File Upload (custom artwork), Payment (Stripe or PayPal).

  3. Set up variables and pricing rules

    Open Advanced, then Variables. Create a number variable itemprice. In Rules, add: if Product = T-shirt Basic, set itemprice = 25. Repeat per product. Add a Calculating Field above the Payment field with the formula @itemprice * @quantity. Hide the Calculating Field display if you don't want it visible.

  4. Enable an order number (optional)

    Turn on auto unique ID so every submission gets an order number for fulfilment.

  5. Brand the form and thank-you page

    Add your logo, brand colors, and a custom thank-you page. Variables tab, Thank You Page, recall @itemprice * @quantity for the order summary.

  6. Connect payments, publish, embed

    Connect Stripe or PayPal. Publish. Embed on your site from the Share tab.

Time: ~20 minutes for a 5-product order form with custom pricing logic. Pick this when: your pricing depends on multiple inputs (size x material x quantity x shipping zone), you have a custom checkout flow, or you want every field built exactly your way.

AI order form

Build an AI-powered order form in under 2 minutes, without code

Generate the form from a prompt, set stock per variant, accept payments via Stripe. Free plan included.

Start free on Formester

Free forever planNo credit cardSetup in 2 minutes

Share this article
FAQ

Frequently asked questions about online order forms

Common questions on building, customizing, and collecting payments through an online order form.

Ready to build your perfect form?

Formester is the easiest way to create forms, collect data and automate your workflow