Product order

Generic product order form.

Why these fields

  • Name: Name captures a short, searchable answer and is required to complete the request.
  • Email: Email provides a validated reply address and is required to complete the request.
  • Product: Product captures a short, searchable answer and is required to complete the request.
  • Quantity: Quantity collects a value that can be validated and compared and is required to complete the request.
  • Shipping address: Shipping address leaves room for context and detail and is required to complete the request.

Fields

NametextrequiredEmailemailrequiredProducttextrequiredQuantitynumberrequiredShipping addresstextarearequired

Preview

Code

{% comment %}
  Paste this into a Shopify section or a custom Liquid block
  (Online Store > Themes > Edit code, or an Add section > Custom Liquid).
{% endcomment %}
<form action="https://forms.formward.eu/f/your-form-id" method="POST">
  <label for="name">Name</label>
  <input type="text" name="name" id="name" required />
  <label for="email">Email</label>
  <input type="email" name="email" id="email" required />
  <label for="product">Product</label>
  <input type="text" name="product" id="product" required />
  <label for="quantity">Quantity</label>
  <input type="number" name="quantity" id="quantity" required />
  <label for="shipping_address">Shipping address</label>
  <textarea name="shipping_address" id="shipping_address" required></textarea>
  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px" aria-hidden="true" />
  <button type="submit">Send</button>
</form>

Customize before publishing

  • Remove fields you do not need and mark only essential answers as required.
  • Replace placeholder wording with terms your audience already understands.
  • Add your privacy notice, retention details and expected response time.
  • Test keyboard focus, validation errors and the confirmation state on mobile.

Use this with Formward

Create a form, copy your endpoint, and replace https://forms.formward.eu/f/your-form-id in the code above.

Product order template, copy-paste code | Formward