ReusableForms v2.0 beta

Event Feedback Form

Event feedback form - a form that attendees submit after the event
Tagged: event feedback formfeedback formsurvey form
Objective of the Form So, you might be wondering, what's the big deal with this feedback form, right? Well, picture this: it's like your attendees whispering in your ear about what they loved and what made them go "meh". It's all about capturing their experiences, their joys, and even their gripes. All these whispers will come together to give you the 411 on how to craft an even more amazing event next time around. Benefits of Feedback Think of feedback as your secret sauce. This sauce adds flavor to your events, making them more satisfying and memorable. It helps you figure out the crowd-pleasers and the party poopers. With the intel from these feedback forms, you can continue doing what rocks and rethink what doesn't. Plus, the cherry on top? You'll show your attendees that their opinion matters, making them feel more valued and connected to your events. Analysis of Feedback Now comes the detective part - analyzing the feedback. The numerical ratings will show you a clear pattern of highs and lows. These are your 'at-a-glance' clues. But remember the written responses? That's where your magnifying glass comes in. They can reveal underlying reasons or offer ingenious suggestions you'd never have thought of. So, make sure you spend some time playing Sherlock! Adaptability The best part of this feedback form is it's like a chameleon. Hosting a tech conference? Add questions about the relevance of topics covered or the expertise of speakers. Planning a food festival? Ask about the variety and quality of food stalls. This form is your canvas, and you're the artist. Tailor it to fit your unique event, and it'll serve you insights on a silver platter. Just remember, every event is different and your feedback form should be too. So go ahead, tweak it, change it, make it your own. Your future self (and your attendees) will thank you!

Code


          
  <div class="container">  
    <form method="post" id="myform">  
      <div class="row mb-3">  
        <div class="col-md-12">  
          <h2>Event Feedback Form</h2>
          <div class="fs-6 fw-light">We value your feedback and use it to improve our events. Please fill out this form to share your experience.</div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-6">  
          <label for="event_name" class="form-label">Event Name:</label>
          <input type="text" name="event_name" id="event_name" class="form-control"/>
        </div>
        <div class="col-md-6">  
          <label for="event_date" class="form-label">Event Date:</label>
          <input type="date" class="form-control" name="event_date" id="event_date"/>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-6">  
          <label for="FullName" class="form-label">Name</label>
          <input type="text" name="FullName" id="FullName" placeholder="Your Name" required="required" class="form-control"/>
        </div>
        <div class="col-md-6">  
          <label for="Email" class="form-label">Email:</label>
          <input type="email" class="form-control" name="Email" id="Email"/>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the overall event experience?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_overall_experience" value="1" id="rating_overall_experience_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_overall_experience_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_overall_experience" value="2" id="rating_overall_experience_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_overall_experience_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_overall_experience" value="3" id="rating_overall_experience_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_overall_experience_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_overall_experience" value="4" id="rating_overall_experience_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_overall_experience_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_overall_experience" value="5" id="rating_overall_experience_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_overall_experience_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the registration process?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_reg_process" value="1" id="rating_reg_process_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_reg_process_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_reg_process" value="2" id="rating_reg_process_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_reg_process_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_reg_process" value="3" id="rating_reg_process_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_reg_process_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_reg_process" value="4" id="rating_reg_process_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_reg_process_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_reg_process" value="5" id="rating_reg_process_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_reg_process_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the event location/venue?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_venue" value="1" id="rating_venue_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_venue_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_venue" value="2" id="rating_venue_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_venue_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_venue" value="3" id="rating_venue_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_venue_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_venue" value="4" id="rating_venue_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_venue_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_venue" value="5" id="rating_venue_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_venue_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the event schedule and timing?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_schedule" value="1" id="rating_schedule_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_schedule_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_schedule" value="2" id="rating_schedule_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_schedule_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_schedule" value="3" id="rating_schedule_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_schedule_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_schedule" value="4" id="rating_schedule_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_schedule_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_schedule" value="5" id="rating_schedule_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_schedule_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the quality of the presentations/sessions?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_presentations" value="1" id="rating_presentations_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_presentations_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_presentations" value="2" id="rating_presentations_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_presentations_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_presentations" value="3" id="rating_presentations_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_presentations_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_presentations" value="4" id="rating_presentations_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_presentations_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_presentations" value="5" id="rating_presentations_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_presentations_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the communication before, during, and after the event?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_communications" value="1" id="rating_communications_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_communications_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_communications" value="2" id="rating_communications_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_communications_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_communications" value="3" id="rating_communications_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_communications_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_communications" value="4" id="rating_communications_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_communications_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_communications" value="5" id="rating_communications_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_communications_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the event's impact on your knowledge/understanding of the topic?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_understanding" value="1" id="rating_understanding_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_understanding_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_understanding" value="2" id="rating_understanding_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_understanding_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_understanding" value="3" id="rating_understanding_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_understanding_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_understanding" value="4" id="rating_understanding_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_understanding_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_understanding" value="5" id="rating_understanding_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_understanding_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label>How would you rate the opportunities for networking at the event?</label>
          <div class="d-flex flex-wrap">  
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_networking" value="1" id="rating_networking_0" class="form-check-input"/>
              <label class="form-check-label" for="rating_networking_0">1</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_networking" value="2" id="rating_networking_1" class="form-check-input"/>
              <label class="form-check-label" for="rating_networking_1">2</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_networking" value="3" id="rating_networking_2" class="form-check-input"/>
              <label class="form-check-label" for="rating_networking_2">3</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_networking" value="4" id="rating_networking_3" class="form-check-input"/>
              <label class="form-check-label" for="rating_networking_3">4</label>
            </div>
            <div class="form-check form-check-inline me-3">  
              <input type="radio" name="rating_networking" value="5" id="rating_networking_4" class="form-check-input"/>
              <label class="form-check-label" for="rating_networking_4">5</label>
            </div>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label for="like_most_about_event" class="form-label">What did you like most about the event?</label>
          <textarea name="like_most_about_event" class="form-control" id="like_most_about_event" rows="6"></textarea>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label for="like_least_about_event" class="form-label">What did you like least about the event?</label>
          <textarea name="like_least_about_event" class="form-control" id="like_least_about_event" rows="6"></textarea>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label for="suggestions" class="form-label">Your suggestions for improving future events</label>
          <textarea name="suggestions" class="form-control" id="suggestions" rows="6"></textarea>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-12">  
          <label for="topic_suggestions" class="form-label">Which topics or speakers would you like to see at future events?</label>
          <textarea name="topic_suggestions" class="form-control" id="topic_suggestions" rows="6"></textarea>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-6 d-flex align-items-center">  
          <div>  
            <input type="checkbox" class="form-check-input" name="notify_future_events" id="notify_future_events"/>
            <label for="notify_future_events" class="form-check-label">Would you like to be notified about future events?</label>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-6 d-flex align-items-center">  
          <div>  
            <input type="checkbox" class="form-check-input" name="can_follow_up" id="can_follow_up"/>
            <label for="can_follow_up" class="form-check-label">Can we contact you regarding your feedback for further clarification or follow-up?</label>
          </div>
        </div>
      </div>
      <div class="row mb-3">  
        <div class="col-md-6 d-flex align-items-center">  
          <button class="btn btn-lg px-4" style="background-color:#007bff;border-color:#007bff;color:white;" type="submit">Submit</button>
        </div>
      </div>
    </form>
  </div>

Integrating the Code with Your Web Page

To seamlessly integrate the form code from ReusableForms.com into your web page, follow these simple steps:

  • The form code is plain HTML. Click the copy button located above the code and paste it into your web page's source code.
  • If the form uses a CSS framework like Bootstrap or TailwindCSS, ensure that your web page or website project has the necessary libraries linked. Consult the respective library documentation for guidance.

Setting up Back-end Processing and Record Keeping

The form code provided above is for the client side only. To fully benefit from the form's features, you'll need a back-end form processor. Ratufa is one such service, and integrating with it is straightforward. Watch the video demo for a step-by-step example.

To receive email notifications upon form submissions, store submission records, and search through them later, you'll need a back-end processor. Here's how to set one up:

Using Ratufa Backend

  1. Go to Ratufa.io.
  2. Click the "Connect your form" button.
  3. Copy the provided code and paste it at the bottom of the HTML form code above
  4. You can test the form within ReusableForms before copying it to your website. Ratufa.io will show submissions on the right side.
  5. Copy the combined code to your web page.
  6. Ratufa will store your form submissions, and you can configure email notifications. You can search and download records whenever needed.

Similar forms

Free feedback form HTML code for websites