Event registration form template

    Attendee details, how they will attend, and the two questions organisers always forget to ask.

    Reviewed by Ritu Fadadu · Last reviewed

    Customize in the generatorGet a free endpoint

    Preview and code

    Preview

    How will you attend?

    Code — replace YOUR_ENDPOINT_ID with your form's ID

    <style>
  .fb-form { display: grid; gap: 1rem; max-width: 36rem; }
  .fb-field { display: flex; flex-direction: column; gap: 0.375rem; }
  .fb-fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
  .fb-label { font-weight: 600; }
  .fb-optional { font-weight: 400; color: #6b7280; }
  .fb-help { margin: 0; font-size: 0.875rem; color: #6b7280; }
  .fb-input { box-sizing: border-box; width: 100%; padding: 0.625rem 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem; background: #fff; color: #111827; font: inherit; }
  .fb-input:focus { border-color: #2563eb; outline: 2px solid #2563eb; outline-offset: 1px; }
  .fb-options { display: flex; flex-direction: column; gap: 0.5rem; }
  .fb-option { display: flex; align-items: center; gap: 0.5rem; }
  .fb-check { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: #2563eb; }
  .fb-button { justify-self: start; min-height: 44px; padding: 0.625rem 1.25rem; border: 0; border-radius: 0.5rem; background: #2563eb; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
  .fb-button:hover { background: #1d4ed8; }
  .fb-button:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
  .fb-button:disabled { opacity: 0.6; cursor: wait; }
  .fb-status { margin: 0; min-height: 1.5em; }
  @media (min-width: 640px) {
    .fb-form { grid-template-columns: 1fr 1fr; }
    .fb-field, .fb-button, .fb-status { grid-column: 1 / -1; }
    .fb-field--half { grid-column: auto; }
  }
</style>

<form id="fb-form" class="fb-form" action="https://formboost.app/f/YOUR_ENDPOINT_ID" method="POST">
  <div class="fb-field fb-field--half">
    <label for="fb-name" class="fb-label">Full name</label>
    <input type="text" id="fb-name" name="name" class="fb-input" required autocomplete="name">
  </div>
  <div class="fb-field">
    <label for="fb-email" class="fb-label">Email</label>
    <input type="email" id="fb-email" name="email" class="fb-input" required autocomplete="email">
  </div>
  <fieldset class="fb-field fb-fieldset">
    <legend class="fb-label">How will you attend?</legend>
    <div class="fb-options">
      <label class="fb-option">
        <input type="radio" name="attendance" value="in-person" class="fb-check" required>
        <span>In person</span>
      </label>
      <label class="fb-option">
        <input type="radio" name="attendance" value="online" class="fb-check" required>
        <span>Online</span>
      </label>
    </div>
  </fieldset>
  <div class="fb-field fb-field--half">
    <label for="fb-company" class="fb-label">
      Company or organisation
      <span class="fb-optional">(optional)</span>
    </label>
    <input type="text" id="fb-company" name="company" class="fb-input" autocomplete="organization">
  </div>
  <div class="fb-field fb-field--half">
    <label for="fb-dietary" class="fb-label">
      Dietary requirements
      <span class="fb-optional">(optional)</span>
    </label>
    <select id="fb-dietary" name="dietary" class="fb-input">
      <option value="">Choose…</option>
      <option value="none">None</option>
      <option value="vegetarian">Vegetarian</option>
      <option value="vegan">Vegan</option>
      <option value="gluten-free">Gluten-free</option>
      <option value="other-tell-us-below">Other (tell us below)</option>
    </select>
  </div>
  <div class="fb-field">
    <label for="fb-access" class="fb-label">
      Accessibility or other requirements
      <span class="fb-optional">(optional)</span>
    </label>
    <textarea id="fb-access" name="access" class="fb-input" rows="3"></textarea>
  </div>
  <div class="fb-field">
    <label class="fb-option">
      <input type="checkbox" id="fb-updates" name="updates" value="yes" class="fb-check">
      <span>Email me updates about this event <span class="fb-optional">(optional)</span></span>
    </label>
  </div>
  <input type="hidden" name="event" value="launch-meetup-2026">
  <!-- Honeypot: keep it hidden. People never see it; bots fill it in and get flagged as spam. -->
  <div
    aria-hidden="true"
    style="position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden"
  >
    <label for="fb-honey">Leave this field empty</label>
    <input type="text" id="fb-honey" name="_honey" tabindex="-1" autocomplete="off">
  </div>
  <input type="hidden" name="_subject" value="New event registration">
  <button type="submit" class="fb-button">Register</button>
</form>

    About this template

    A registration form has one job: tell you who is coming and what they need. This template collects the attendee, whether they will be there in person or online, dietary needs and access requirements — the last two are the questions organisers most often have to chase by email afterwards.

    A hidden event field names the event. Reuse the same form for every meetup or webinar, change that one value, and each registration arrives labelled. That is also what lets you filter a single event's list in the CSV export.

    This is a registration form, not a ticketing system: it does not take payment or cap the number of places. For a free event or a waitlist that is all you need, and you confirm places from your inbox.

    Fields in this template

    FieldNameTypeRequiredWhy it is there
    Full namenameShort textYesRequired, with autocomplete="name" so phones fill it in.
    EmailemailEmailYesRequired. Named email, so Auto Reply can send a confirmation on Starter and above.
    How will you attend?attendanceSingle choiceYesRequired. Splits the list for catering and for sending the joining link.
    Company or organisationcompanyShort textNoOptional. Useful for name badges and for sponsors.
    Dietary requirementsdietaryDropdownNoOptional dropdown; “Other” points people to the free-text box.
    Accessibility or other requirementsaccessLong textNoOptional free text for anything else you need to plan for.
    Email me updates about this eventupdatesCheckboxNoAn unticked-by-default checkbox, so consent to further email is a deliberate choice.
    (hidden)eventHidden valueNoHidden. One form, many events.

    Each name becomes a column in your dashboard and a row in the notification email. The hidden _honey field is the honeypot; _subject sets the email's subject line. Both are reserved fields and never appear in the field table.

    Make it yours

    • Change event per event, or set it from the page with a line of JavaScript.
    • Add a session single-choice question if the event has parallel tracks.
    • Point a custom redirect at a page with the venue, the calendar link and what to bring.

    Where the submissions go

    • Each registration is stored and emailed to the organiser; export the list to CSV for check-in on any plan.
    • On Starter and above, Auto Reply confirms the registration to the attendee straight away; on Pro the reply can greet them by name with a {{name}} variable.
    • Send registrations to Google Sheets (Starter and above) to share a live attendee list with co-organisers.

    Event Registration: plans, destinations and a worked setup →

    Before you publish it

    1. Create a form in the Formboost dashboard and replace YOUR_ENDPOINT_ID with its ID.
    2. Pick one variant: HTML posts and reloads, HTML + JS and React send JSON with fetch() and stay on the page.
    3. For the plain HTML version, add a hidden _redirect with an https:// thank-you page on the same site as the form — anything else falls back to Formboost's page.
    4. Submit it once from the live page and check the submission in your dashboard. Every request is acknowledged, so the dashboard is the real test. Troubleshooting covers the rest.

    More form templates

    Put the event registration form live

    Free forever: 500 submissions a month across 10 forms, no card.

    Get a free endpointOpen the form generator