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.
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 / mo
- 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
Every order is stored and emailed to your team within seconds — on every plan.
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
From form to workflow in 3 simple steps.
Connect your form, collect every submission, and send data where it needs to go — without building backend infrastructure.
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
Connect your favorite tools and automate everything
SplitForms works with the destinations you route to and the platforms you build on — from Slack and Sheets to WordPress, Shopify, and Next.js.
Trusted by indie teams and agencies shipping forms worldwide
PETAL/COKRAFT.DELINEAR-XBUILD.DEVSTUDIO 71MERIDIANFRAME&CO
Testimonials
Loved by developers shipping at every scale.
40 quotes on record — from indie hacks to agency migrations.
“I replaced a Lambda + DynamoDB + SES contact form with six lines of HTML. It took eleven minutes, and the dashboard is better than what I was going to build.”
“We migrated 14 client sites off Formspree in a single weekend. The price is a third of what we paid, the API is more honest, and the spam filter actually works.”
“The webhook payload is signed, idempotent, and well-shaped. It reads like code from a competent team, not a CRUD app held together with duct tape.”
“I stopped reaching for Typeform on small marketing sites. splitforms covers 90% of the use case at none of the bloat.”
“I onboarded our whole agency in an afternoon. The MCP integration meant Cursor literally dropped the form straight into our client repos for us.”
“The free plan gave me 500 submissions before I paid a cent, and Pro is five dollars a month. I've spent more on coffee deciding which backend to use.”
“Spam went from forty junk entries a day to zero, with no reCAPTCHA puzzle ruining the form. The honeypot and time-trap just quietly do their job.”
“Point the form action at one endpoint and you're done. No SDK, no client library, no build step. This is how a form backend should feel.”
“Leads land in Slack the second someone submits, and a copy goes to Google Sheets for the sales team. I wired both up in under ten minutes.”
“I run a static Hugo site on a five-dollar VPS. splitforms gave it a real contact form without me standing up a single server.”
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 500 order submissions a month with unlimited forms, spam filtering, and email notifications. Pro is $5/month for 5,000 submissions plus CSV/XML/PDF exports, webhooks, integrations, and an auto-responder. Pro is $5/month for 5,000 submissions with CC/BCC and priority support. The $59 3-Year plan covers 15,000/month. Higher volume is available through Business — email hello@splitforms.com.
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
Start free. Scale when you need more.
Choose a plan that fits your workflow — from a free form endpoint to full automations, exports, and higher submission limits.
Free
$0
Free forever
For side projects and indie devs.
- 500 submissions / mo
- Unlimited forms
- Email notifications included
- Honeypot spam filtering
- Submissions dashboard
- MCP setup stays free
- No credit card required
Most Popular
Pro
$5/ month
was $15 · save 67% · new-user price
For agencies and growing products.
- 5,000 submissions / mo
- Unlimited forms
- Every paid feature included
- Priority support (under 4hr)
- 10× free submission volume
- Cancel anytime
Pre-launch · founders pricing locked in
3-Year
$59/ 36 months
was $99 · save 40% · new-user price
Pay $59. 3 years sorted.
- 15,000 submissions / mo
- Unlimited forms
- Everything in Pro
- Renews every 3 years
- Long-term discount
- Priority support included
- Vote on the roadmap
No credit card required on Free • Cancel anytime