How to Add a Feedback Form to Your Website

Set up a feedback form endpoint

Create a FormsList account and set up a new form for feedback collection. Configure email notifications so your team is alerted when new feedback arrives. You can also connect Slack to get feedback in a dedicated channel for discussion.

Build the feedback form

Create a feedback form with fields for the type of feedback (bug, feature request, general), a rating, and a message. A select dropdown for the feedback type helps you categorize and prioritize responses later.

<form action="https://formslist.com/f/YOUR_FORM_HASH" method="POST">
  <label for="feedbackType">Feedback Type</label>
  <select id="feedbackType" name="type" required>
    <option value="">Select a type...</option>
    <option value="bug">Bug Report</option>
    <option value="feature">Feature Request</option>
    <option value="general">General Feedback</option>
  </select>

  <label for="rating">How would you rate your experience?</label>
  <select id="rating" name="rating" required>
    <option value="">Select...</option>
    <option value="5">Excellent</option>
    <option value="4">Good</option>
    <option value="3">Average</option>
    <option value="2">Poor</option>
    <option value="1">Terrible</option>
  </select>

  <label for="email">Email (optional)</label>
  <input type="email" id="email" name="email" placeholder="you@example.com" />

  <label for="message">Your Feedback</label>
  <textarea id="message" name="message" rows="5" required placeholder="Tell us what you think..."></textarea>

  <button type="submit">Submit Feedback</button>
</form>

<style>
  form { max-width: 500px; margin: 2rem auto; font-family: sans-serif; }
  label { display: block; margin-top: 1rem; font-weight: 600; }
  input, select, textarea {
    width: 100%; padding: 0.5rem; margin-top: 0.25rem;
    border: 1px solid #d1d5db; border-radius: 6px; box-sizing: border-box;
  }
  button {
    margin-top: 1.5rem; padding: 0.6rem 1.5rem;
    background: #7c3aed; color: white; border: none; border-radius: 6px; cursor: pointer;
  }
  button:hover { background: #6d28d9; }
</style>

Review feedback and iterate

Check the FormsList dashboard to review incoming feedback. You can filter by feedback type, export data, and track trends over time. Use the ratings to identify areas that need improvement. Connect a webhook to automatically create GitHub issues from bug reports if your workflow requires it.