Survey6 fields

Customer Satisfaction Survey

Measure customer satisfaction with ratings, open feedback, and NPS-style questions.

Live Preview

Copy the Code

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

<form
  action="https://rowen.in/api/f/YOUR_FORM_ID"
  method="POST"
  class="max-w-lg mx-auto bg-white rounded-2xl shadow-sm border border-gray-200 p-8"
>
  <h2 class="text-xl font-bold text-gray-900 mb-6">Customer Satisfaction Survey</h2>

  <div class="space-y-4">
    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">Name (optional)</label>
      <input type="text" name="name" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-[#E14E3A]/20 focus:border-[#E14E3A]" placeholder="Jane Doe" />
    </div>

    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">Email (optional)</label>
      <input type="email" name="email" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-[#E14E3A]/20 focus:border-[#E14E3A]" placeholder="jane@example.com" />
    </div>

    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">Overall Satisfaction</label>
      <select name="overall_satisfaction" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-[#E14E3A]/20 focus:border-[#E14E3A]" required>
        <option value="">Select...</option>
        <option value="1 - Very Dissatisfied">1 - Very Dissatisfied</option>
        <option value="2 - Dissatisfied">2 - Dissatisfied</option>
        <option value="3 - Neutral">3 - Neutral</option>
        <option value="4 - Satisfied">4 - Satisfied</option>
        <option value="5 - Very Satisfied">5 - Very Satisfied</option>
      </select>
    </div>

    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">What did we do well?</label>
      <textarea name="what_we_did_well" rows="4" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-[#E14E3A]/20 focus:border-[#E14E3A] resize-none" placeholder="Tell us what you liked..."></textarea>
    </div>

    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">What can we improve?</label>
      <textarea name="what_to_improve" rows="4" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-[#E14E3A]/20 focus:border-[#E14E3A] resize-none" placeholder="Share your suggestions..."></textarea>
    </div>

    <div>
      <label class="block text-sm font-medium text-gray-700 mb-1">Would you recommend us?</label>
      <select name="would_recommend" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-[#E14E3A]/20 focus:border-[#E14E3A]" required>
        <option value="">Select...</option>
        <option value="Definitely">Definitely</option>
        <option value="Probably">Probably</option>
        <option value="Not sure">Not sure</option>
        <option value="No">No</option>
      </select>
    </div>
  </div>

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

  <button type="submit" class="w-full bg-[#E14E3A] text-white py-3 rounded-lg font-semibold hover:bg-[#c9432f] transition mt-6">
    Submit Survey
  </button>
</form>

What is a Customer Satisfaction Survey?

A customer satisfaction survey form template helps you measure how happy your customers are with your product or service. This HTML form combines rating scales, open-ended feedback fields, and a recommendation question to give you a complete picture of customer sentiment. Use it after purchases, support interactions, or on a regular cadence.

Frequently Asked Questions

Common questions about survey form templates.

Need a custom form?

Create your endpoint — Free