List what customers can order
Add a select, checkbox group, or quantity field for every product, bundle, or service you take order requests for.
Order form template
Free order form template that never touches card data.
Updated · plan facts checked against /pricing
Ready-made HTML for product, wholesale, and custom orders. Copy it, swap in your products, and every order lands in your inbox and dashboard — no server code.
- 500 free total
- No card data
- 1-click integrations
No card data
Capture the order request; take payment on a hosted checkout that keeps cards off your page.
Spam filtered
Honeypot and time-trap reject fake and bot orders before they reach your inbox.
Email + dashboard
Accepted orders are saved to the dashboard before owner notification email is attempted on every plan; delivery time and inbox placement depend on provider and recipient settings.
HTML order form
Copy this HTML order form and paste your key.
This order form template captures the order request — product, quantity, and customer details. Once it lands in your dashboard, confirm inventory, tax, and shipping, then send the buyer to a hosted checkout to pay.
<form action="https://splitforms.com/api/submit" method="POST">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
<input type="hidden" name="subject" value="New order request" />
<input type="hidden" name="form_loaded_at" id="form_loaded_at" />
<label>
Product
<select name="product" required>
<option value="">Choose a product</option>
<option>Starter kit</option>
<option>Custom bundle</option>
<option>Wholesale order</option>
</select>
</label>
<label>
Quantity
<input name="quantity" type="number" min="1" value="1" required />
</label>
<label>
Customer email
<input name="email" type="email" autocomplete="email" required />
</label>
<label>
Shipping notes
<textarea name="shipping_notes" placeholder="Address, delivery window, customization notes"></textarea>
</label>
<input type="checkbox" name="botcheck" style="display:none" tabindex="-1" />
<button type="submit">Submit order request</button>
</form>
<script>
document.getElementById('form_loaded_at').value = Date.now();
</script>Step-by-step
How to create an online order form step by step.
Five steps from a blank page to orders landing in your dashboard and inbox — with payment routed safely off the form.
Collect customer and fulfillment details
Ask for email, phone, shipping address, delivery window, and any customization or wholesale notes the order needs.
Add your access key and spam protection
Paste your access_key into the hidden field, leave the botcheck honeypot empty, and add the hidden form_loaded_at field (set by the one-line script below) so splitforms can reject order requests submitted too fast to be human.
Route payment safely, not through the form
Never collect card numbers in the order form itself. Capture the order intent, confirm price, tax, and stock, then send the customer to a hosted checkout like Stripe Checkout, Payment Element, Square, or PayPal.
Test it, then connect where orders should go
Submit a test order and confirm it lands in your dashboard and inbox. Connect Google Sheets, Airtable, Notion, or Slack with one click, or embed the form as a WordPress shortcode, Shopify Custom Liquid block, iframe, or React component from the dashboard.
Order form backend
What does an order form backend need to do?
An order form template is ready-made HTML for product requests, custom bundles, wholesale inquiries, and service orders — you copy it, swap in your products, and it works. Behind it, the backend has to receive each order, screen out fake requests, keep a copy, and get it to your team.
- Collect product, quantity, and customer details from HTML or JSON
- Filter fake orders with a honeypot, time-trap, and allowed-domain rules
- Store every order and route it to Sheets, Airtable, Notion, Slack, or a webhook
Order form examples
What can an order form template be used for?
Use the same order form template for product sales, wholesale requests, and custom orders — swap the fields to match what customers can order. For custom-product jobs, add a file upload for artwork or references.
- Custom products — size, color, quantity, due date, and customization notes
- Wholesale requests — SKU, quantity, company, and resale certificate notes
- Service orders — deposits, catering, printing jobs, repairs, and fulfillment notes
Payments
Can an order form take payments directly?
No — never collect raw card numbers in a plain HTML order form. Capture the order intent first, confirm price, tax, and stock, then send the customer to a PCI-compliant hosted checkout that keeps card data off your page.
- Capture the order request, not card numbers
- Confirm price, tax, and stock before charging
- Send buyers to Stripe Checkout, Square, or PayPal to pay
How SplitForms works
What happens after someone submits your form?
splitforms receives the submission, filters spam, saves it to your dashboard and emails you — then, on paid plans, sends it on to your webhooks and integrations. No backend infrastructure to build.
Add your endpoint
Point your form to your unique SplitForms endpoint. That's it.
Receive submissions
We instantly capture and organize every submission in your inbox.
Route anywhere
Send data to email, spreadsheets, CRMs, webhooks, and 7,000+ apps.
No credit card required. Set up in under 60 seconds.
Connect & automate
Where can submissions go besides email?
On paid plans, submissions can also go to Slack, Discord, Google Sheets, Notion, Airtable, Zapier or any signed webhook — and splitforms works on the platforms you build on, from WordPress and Shopify to Next.js. With Stripe connected, your forms can take payments too.
NewTake payments on your formsDeposits, bookings, order forms — submitters check out through Stripe and the money goes straight to your Stripe account. Included on every paid plan.See plans →Questions
Order form template questions.
View all FAQsWhat should an order form include?
A useful order form includes product or service selection, quantity, customer name, email, phone, shipping or fulfillment notes, and optional custom instructions. Keep card fields off the form itself — capture the order first, then take payment on a hosted checkout (covered below).
Can I take payments directly in an HTML order form?
No — never collect raw card numbers in a plain HTML form. Capture the order intent first, review price and stock, then redirect the customer to a PCI-compliant hosted checkout or a payment link that keeps card data off your page entirely.
Can this order form send orders to email and a spreadsheet?
Yes. splitforms emails the order request to your team and stores it in the dashboard on every plan, including Free. You can also connect Google Sheets, Airtable, Notion, or Slack with one-click OAuth, or forward orders to a signed webhook.
Is this a good fit for custom product orders?
Yes. For custom products, use fields for size, color, quantity, notes, due date, file upload, or reference links. The order form captures the request; your team confirms price and payment after review.
How do I stop spam or fake order requests?
Every submission passes through the botcheck honeypot — a hidden field that must stay empty — and the form_loaded_at time-trap, which rejects entries submitted too fast to be human. Add per-form allowed domains or strict origin mode, and turn on reCAPTCHA v2 with your own site key for extra coverage.
What does an order form backend cost?
Free covers your first 500 order submissions with unlimited forms, spam filtering, and email notifications. Pro is $5/month for 5,000 submissions a month plus CSV/XML/PDF exports, webhooks, integrations, an auto-responder, CC/BCC and priority support. Annual is $49/year for 15,000 submissions a month. Higher volume is available through Business — email [email protected].
Can I redirect customers after they submit, or set a custom email subject?
Yes. Add a hidden subject field to control the order notification's subject line, and a hidden redirect field with a URL to send customers to a confirmation or thank-you page after they submit.
Can I embed this order form in WordPress or Shopify?
Yes. Build the form once in the splitforms dashboard, then embed it as a WordPress shortcode ([splitforms access_key="..."]) with the WordPress plugin, drop it into a Shopify page with Custom Liquid, or use the plain HTML, iframe, or React component embed — no extra backend code required.
Simple pricing
How much does splitforms cost?
Free gives you 500 submissions for $0 — no card, no time limit. Pro is $5/month for 5,000 submissions a month, and Annual is $49/year for 15,000 a month with every Pro feature.
Free
$0— 500 submissions
For side projects and indie devs.
- 500 free submissions
- Unlimited forms
- Email notifications included
- Smart spam filtering
- Submissions dashboard
- Redirect after submit
- MCP server included
Recommended
Pro
$5/ month
Billed monthly
Every paid feature, for agencies and growing products.
- 5,000 submissions / mo
- Unlimited forms
- Webhooks and integrations
- CC/BCC, auto-replies and routing
- File uploads with 500 MB storage
- Stripe payments on your forms
- 3 team seats
- Cancel anytime
Annual
$49/ year
About $4.08/mo, billed yearly
Every Pro feature with triple the volume — $0.27 per 1,000 at full use.
- 15,000 submissions / mo
- Unlimited forms
- Everything in Pro
- File uploads with 5 GB storage
- 3 team seats
- Priority email support
No credit card required on Free • Cancel anytime • Full pricing and FAQ