Feedback5 fields

Customer Feedback

Collect structured customer feedback with ratings and categories.

Spam protectionEmail notificationsAI sales agentSubmission dashboardNo backend needed

Live Preview

Exactly what visitors will see on your site

Interactive

What you'll collect

Every field in this template, ready to use out of the box.

Name

text · required

email · required

Rating

select · required

Copy the Code

Choose HTML for static sites or React for component-based apps. Replace YOUR_FORM_ID with your Flowqen endpoint ID.

<form
  action="https://flowqen.com/api/f/YOUR_FORM_ID"
  method="POST"
  class="max-w-xl mx-auto rounded-[32px] border-2 border-[#231b17] bg-[#fffdf9] px-6 py-7 shadow-none sm:px-8"
>
  <h2 class="text-2xl font-semibold tracking-tight text-[#231b17] mb-6">Customer Feedback</h2>

  <div class="space-y-4">
    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#4f4138]">Name</label>
      <input type="text" name="name" class="w-full rounded-[18px] border border-[#d9cdc3] bg-white px-4 py-3 text-sm text-[#231b17] outline-none transition focus:border-[#231b17] focus:ring-4 focus:ring-[#231b17]/8" placeholder="Jane Doe" required />
    </div>

    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#4f4138]">Email</label>
      <input type="email" name="email" class="w-full rounded-[18px] border border-[#d9cdc3] bg-white px-4 py-3 text-sm text-[#231b17] outline-none transition focus:border-[#231b17] focus:ring-4 focus:ring-[#231b17]/8" placeholder="jane@example.com" required />
    </div>

    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#4f4138]">Rating</label>
      <select name="rating" class="w-full rounded-[18px] border border-[#d9cdc3] bg-white px-4 py-3 text-sm text-[#231b17] outline-none transition focus:border-[#231b17] focus:ring-4 focus:ring-[#231b17]/8" required>
        <option value="">Select...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
    </div>

    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#4f4138]">Category</label>
      <select name="category" class="w-full rounded-[18px] border border-[#d9cdc3] bg-white px-4 py-3 text-sm text-[#231b17] outline-none transition focus:border-[#231b17] focus:ring-4 focus:ring-[#231b17]/8" required>
        <option value="">Select...</option>
        <option value="Product">Product</option>
        <option value="Service">Service</option>
        <option value="Website">Website</option>
        <option value="Other">Other</option>
      </select>
    </div>

    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#4f4138]">Comments</label>
      <textarea name="comments" rows="4" class="w-full rounded-[18px] border border-[#d9cdc3] bg-white px-4 py-3 text-sm text-[#231b17] outline-none transition focus:border-[#231b17] focus:ring-4 focus:ring-[#231b17]/8 resize-none" placeholder="Share your thoughts..." required></textarea>
    </div>
  </div>

  <!-- Honeypot (spam protection) -->
  <div style="display:none">
    <input type="text" name="_gotcha" style="display:none" />
  </div>

  <button type="submit" class="mt-6 w-full rounded-[18px] bg-[#231b17] py-3 text-sm font-semibold text-white transition hover:bg-[#3a2f29]">
    Submit Feedback
  </button>
</form>

What is a Customer Feedback?

A customer feedback form template lets you gather structured opinions from your users. With rating scales and category selectors, this HTML form helps you organize feedback into actionable insights. Use it on your website or in post-purchase emails to continuously improve your product or service.