Open house feedback

Capture visitor impressions after an open house.

Why these fields

Name: Name captures a short, searchable answer but remains optional.
Email: Email provides a validated reply address but remains optional.
Property address: Property address captures a short, searchable answer but remains optional.
Interest level: Interest level keeps answers consistent for filtering and routing but remains optional.
Comments: Comments leaves room for context and detail but remains optional.

Fields

NametextEmailemailProperty addresstextInterest levelselectCommentstextarea

Preview

Code

<script setup lang="ts">
import { ref } from "vue";

const sent = ref(false);

async function onSubmit(e: Event) {
  const form = e.target as HTMLFormElement;
  const res = await fetch("https://forms.formward.eu/f/your-form-id", {
    method: "POST",
    headers: { Accept: "application/json" },
    body: new FormData(form),
  });
  if (res.ok) {
    sent.value = true;
    form.reset();
  }
}
</script>

<template>
  <p v-if="sent">Thanks! Your message has been sent.</p>
  <form v-else @submit.prevent="onSubmit">
    <label for="name">Name</label>
    <input type="text" name="name" id="name" />
    <label for="email">Email</label>
    <input type="email" name="email" id="email" />
    <label for="property">Property address</label>
    <input type="text" name="property" id="property" />
    <label for="interest">Interest level</label>
    <select name="interest" id="interest">
      <option value="Very interested">Very interested</option>
      <option value="Interested">Interested</option>
      <option value="Just looking">Just looking</option>
    </select>
    <label for="comments">Comments</label>
    <textarea name="comments" id="comments"></textarea>
    <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px" aria-hidden="true" />
    <button type="submit">Send</button>
  </form>
</template>

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.

Get started free →