Order form

Item, quantity, and delivery details — without a checkout.Plain HTML — it inherits your site's styles and needs no backend or JavaScript.

Preview

The code

<form action="https://crunchforms.com/form/{formID}" method="post">
  <label for="name">Name</label>
  <input name="name" type="text" id="name" required />

  <label for="email">Email</label>
  <input name="email" type="email" id="email" required />

  <label for="item">Item</label>
  <select name="item" id="item" required>
    <option value="">Choose an item…</option>
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
  </select>

  <label for="quantity">Quantity</label>
  <input name="quantity" type="number" id="quantity" min="1" value="1" required />

  <label for="address">Delivery address</label>
  <textarea name="address" id="address" rows="4" required></textarea>

  <label for="notes">Order notes (optional)</label>
  <textarea name="notes" id="notes" rows="2"></textarea>

  <button type="submit">Place order</button>
</form>

How to use it

Create a free Crunchforms account and add a form in the dashboard (takes about a minute).
Replace {formID} in the actionURL with your form's ID — or use the dashboard's snippet generator, which fills it in for you.
Paste the form into any page. Submissions appear in your dashboard and, if you like, in your inbox. Add a honeypot or captcha in the form settings for extra spam protection.

1,000 free submissions a month, spam filtering included, no credit card required.

Start for free