How to Create an Online Order Form With Payment

You have probably seen this happen. 

A customer messages you and says, “I want to order.” Then the manual work begins.

You confirm the item, share a price, send a payment link, wait for proof of payment, manually note the order, and then follow up again if anything is missing.

That process works for your first five orders. After that, it starts falling apart.

Orders get mixed up. Payment confirmations get buried in chat. Someone pays but never sends their address. Someone else sends their address but never pays. Your spreadsheet becomes a source of anxiety, not clarity.

That is where an online order form with payment helps.

Instead of collecting order details in one place and payment somewhere else, you let buyers choose the product, fill in their details, pay online, and receive confirmation from one form.

That matters because checkout friction is still a real problem. So the goal is simple.

Make ordering easier before the buyer changes their mind.

In this guide, you’ll learn what an online order form with payment is, when to use one, and how to create one with PaymentForm.io, step by step.

What Is an Online Order Form With Payment?

An online order form with payment is a digital form that lets customers choose products, enter their details, and pay in one place.

Instead of sending buyers through separate steps for order details, contact information, and payment, it keeps the whole checkout process inside one simple checkout form.

Here is how it compares to other common selling methods.

Why a Simple Order Form Helps More Buyers Complete Payment 

Checkout friction is a real and measurable problem.

According to the Baymard Institute, the average documented online shopping cart abandonment rate is 70.22%. And 18% of US online shoppers have abandoned an order specifically because the checkout process was too long or too complicated.

That means nearly one in five potential buyers leaves before paying, not because they changed their mind, but because the form got in their way.

On the other side, Swell’s checkout research shows that optimized checkouts use as few as 7 form fields compared to the industry average of 14.88. Fewer fields, fewer drop-offs, more completed orders.

A well-built order form removes the friction. It collects the details you need, sends the buyer through a connected payment gateway, and confirms the order after payment.

That is the difference between a buyer completing a purchase and a buyer opening the form, feeling overwhelmed, and closing the tab.

How to Create an Online Order Form With Payment Using PaymentForm.io

PaymentForm.io is a form-based checkout tool for e-commerce, donations, fundraising, events, memberships, and more. For product selling, its E-commerce Module gives you a complete order and payment setup without building a website. You can add products, categories, variants, pricing, stock, fields, payment gateways, emails, invoices, coupons, tax, shipping fees, tracking, and sharing options from the dashboard.

Here is the full step-by-step process.

Step 1: Create an E-Commerce Form

Log in to your PaymentForm.io dashboard.

Click Create Form and select the E-commerce Module.

You can choose a template for single or multiple product selling. If you want a simple order form, start with one product. If you sell several items, choose a multiple-product template.

Inside the E-commerce Setup tab, you can edit the demo products, delete them, or create a new product. You can also rename the form from the top.

On the left panel, you will find more setup options like Category, Currency & Tax, Shipping Fee, and Coupons.

Before setting those options, let’s create or edit a product first. Here, I’m going to edit an existing product.

Step 2: Add Product Details, Variants, Pricing, and Stock

Product details: Add a clear product name, description, and images so buyers understand what they are ordering before they pay.

Unit of measurement: Add how the product is sold, such as pcs, kg, box, pack, set, etc.

Category and subcategory: Organize products if you sell more than one type of item. For example, use Food as a category and Cakes, Snacks, or Meal Boxes as subcategories.

Variants: Add options like size, color, storage, package, flavor, license type, or delivery option.

Pricing and stock: Set one price for the product or variant-wise pricing. You can also manage stock quantity to avoid overselling.

Step 3: Add Buyer Information Fields

Now go to the Fields tab.

Here, you can add the information you need from buyers. PaymentForm.io supports 10+ form field types, so you can collect basic details, address details, choices, notes, and other order information.

Step 4: Configure Payment, Emails, and Form Settings

Now go to the Settings tab.

This is where you control how the order form looks, how payment works, what happens after purchase, and how buyers receive confirmation.

Form Settings

Add or replace the form header image and write a short form description.

Customize Theme

Adjust the text style, colors, and form appearance.

Payment Gateway

Select one or multiple payment gateways for accepting payments. To connect a gateway, click on “Payment Gateway Page”.

Success Message

Set the message buyers will see after payment.

Terms and Conditions

Add your product terms, delivery policy, refund policy, or digital access rules.

This is especially useful for custom products, preorders, digital downloads, or limited-time offers.

Emails

Set email notifications for both seller and buyer.

The seller’s email helps you know when a new order is placed.

The buyer’s email confirms the order details.

You can map form fields inside the email template, so buyer name, product details, address, amount, and other information can be added automatically. You can also include the customer portal sign-in button so buyers can view their order details later.

Invoice

Customize the invoice with branding, colors, and form field mapping.

The invoice can be delivered through email to the buyer and seller.

Tracking Manager

Use the tracking manager to monitor conversions and user behavior.

Here, you can connect tools like Meta Pixel and Google Analytics through tracking IDs, access tokens, or API secrets.

This helps you understand how people interact with your form after you share it.

Password Protection

Enable password protection when the form is private.

This works well for wholesale buyers, limited beta products, private offers, early access sales, or special customer groups.

Form Status

Use form status to keep the order form enabled, disabled, or set it to expire on a specific date. This is useful for limited-time sales, preorders, event merchandise, or seasonal campaigns.

Step 5: Set Currency, Tax, Shipping Fee, and Coupons

Before publishing, go back to the E-commerce Setup tab. From the left-side options, manage currency, tax, shipping fee, and coupons.

Currency and Tax

Set the currency you want to collect payments in.

You can also select a tax rule. If you have not created one yet, create a tax rule from the global settings or click on the ‘Create tax rule’ option.

Shipping Fee

Enable shipping and add delivery options. 

Shipping fees are important for physical products. If the delivery cost is unclear, buyers may hesitate or message you before ordering.

Coupons

Create discount coupons by setting the coupon code, discount type, discount value, usage limits, and schedule.

Step 6: Add Custom Domain and Webhooks if Needed

These are optional, but useful when your order process grows.

Custom Domain: A custom domain lets you personalize your form link. Instead of sharing a generic-looking link, you can use a branded domain that feels more familiar to buyers.

Webhooks: Webhooks let you send order or form data to another server or external tool.

Beginners may not need webhooks at first. But if your order volume grows, webhooks can help connect your order form with the rest of your business workflow.

Step 7: Publish and Share Your Order Form

Once everything is configured, go back to your form and click Publish.

Here you can see multiple distribution options. You can also customize your form URL slug to make the link clean and easy to remember.

Direct link: Copy your unique form URL and share it anywhere your buyers already are. Instagram bio, WhatsApp, TikTok, Facebook, email newsletter, community groups, and more.

Embed code: If you have an existing website or blog, paste the embed code, and your order form appears natively on that page.

QR code: Download the QR code and use it on physical materials. Packaging inserts, business cards, printed flyers, and more. Anyone who scans it lands directly on your order form.

Step 8: Track Orders in the Submissions Dashboard

After publishing, every order appears in the Submissions section of your PaymentForm.io dashboard.

PaymentForm.io also gives you a built-in analytics overview. You can track form views, total revenue, total orders, average order value, and sales trends over time. Everything is in one place, so you are not switching between multiple tools to understand how your store is performing.

For buyers, there is a Customer Portal where they can log in and view their own order history. This reduces the number of “did my order go through?” messages you receive, and gives buyers a better post-purchase experience.

Who Should Use an Online Order Form With Payment?

An online order form with payment is useful when you sell products or collect paid orders without needing a full website.

Conclusion

You do not need a complicated setup to take product orders and collect payments online.

What you need is a form that shows your products clearly, collects buyer details without friction, and processes payment securely. That is what an online order form with payment does.

PaymentForm.io’s E-commerce Module gives you that in a single setup. Products, variants, pricing, shipping, coupons, tax, payment gateways, email notifications, invoices, and order tracking. You configure it once, share the link, and every order comes in organized and paid.

If you are ready to move from manual order management to a checkout that runs itself, create your first order form free at PaymentForm.io.

FAQ’s