Back to Templates
Registration6 fields

Event Registration

Register attendees for events with contact info, dietary needs, and swag sizing.

Spam protectionEmail notificationsAI sales agentSubmission dashboardNo backend needed

Live Preview

Exactly what visitors will see on your site

Event Registration

What you'll collect

Every field in this template, ready to use out of the box.

Full Name

text · required

Email

email · required

Phone

tel · required

Organization

text · optional

Dietary Restrictions

select · optional

T-Shirt Size

select · required

Copy the Code

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

<form
  action="https://flowqen.com/api/f/YOUR_FORM_ID"
  method="POST"
  class="max-w-xl mx-auto rounded-[32px] border border-[#f0d9cf] bg-[linear-gradient(180deg,#fff7f2,#fffdfb)] px-6 py-7 shadow-[0_30px_90px_rgba(225,78,58,0.12)] sm:px-8"
>
  <h2 class="text-2xl font-semibold tracking-tight text-[#251c18] mb-6">Event Registration</h2>


  <div class="space-y-4">
    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#6b5548]">Full Name</label>
      <input type="text" name="full_name" class="w-full rounded-[20px] border border-[#efd8cf] bg-white px-4 py-3 text-sm text-[#2d201a] outline-none transition focus:border-[#E14E3A] focus:ring-4 focus:ring-[#E14E3A]/12" placeholder="Jane Doe" required />
    </div>


    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#6b5548]">Email</label>
      <input type="email" name="email" class="w-full rounded-[20px] border border-[#efd8cf] bg-white px-4 py-3 text-sm text-[#2d201a] outline-none transition focus:border-[#E14E3A] focus:ring-4 focus:ring-[#E14E3A]/12" placeholder="jane@example.com" required />
    </div>


    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#6b5548]">Phone</label>
      <input type="tel" name="phone" class="w-full rounded-[20px] border border-[#efd8cf] bg-white px-4 py-3 text-sm text-[#2d201a] outline-none transition focus:border-[#E14E3A] focus:ring-4 focus:ring-[#E14E3A]/12" placeholder="+1 (555) 000-0000" required />
    </div>


    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#6b5548]">Organization</label>
      <input type="text" name="organization" class="w-full rounded-[20px] border border-[#efd8cf] bg-white px-4 py-3 text-sm text-[#2d201a] outline-none transition focus:border-[#E14E3A] focus:ring-4 focus:ring-[#E14E3A]/12" placeholder="Company or institution" />
    </div>


    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#6b5548]">Dietary Restrictions</label>
      <select name="dietary_restrictions" class="w-full rounded-[20px] border border-[#efd8cf] bg-white px-4 py-3 text-sm text-[#2d201a] outline-none transition focus:border-[#E14E3A] focus:ring-4 focus:ring-[#E14E3A]/12">
        <option value="">Select...</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="Halal">Halal</option>
        <option value="Kosher">Kosher</option>
        <option value="Other">Other</option>
      </select>
    </div>


    <div>
      <label class="mb-1.5 block text-sm font-medium text-[#6b5548]">T-Shirt Size</label>
      <select name="tshirt_size" class="w-full rounded-[20px] border border-[#efd8cf] bg-white px-4 py-3 text-sm text-[#2d201a] outline-none transition focus:border-[#E14E3A] focus:ring-4 focus:ring-[#E14E3A]/12" required>
        <option value="">Select...</option>
        <option value="S">S</option>
        <option value="M">M</option>
        <option value="L">L</option>
        <option value="XL">XL</option>
      </select>
    </div>
  </div>


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


  <button type="submit" class="mt-6 w-full rounded-[20px] bg-[#201814] py-3 text-sm font-semibold text-white transition hover:bg-[#382c26]">
    Register
  </button>
</form>

What is a Event Registration?

An event registration form template streamlines the process of signing up attendees for conferences, meetups, and workshops. This HTML form captures contact details, dietary restrictions, and t-shirt sizes so organizers can plan logistics with confidence. Perfect for tech events, corporate gatherings, and community meetups.

Frequently Asked Questions

Common questions about registration form templates.

More Registration templates

Other free templates in the same category.

Registration

Waitlist Signup

Capture early interest with a waitlist form including referral source tracking.

4 fields

Registration

Course Enrollment

Enroll students in courses with experience level and learning goals.

5 fields

Start with this Event Registration

Create your form in 30 seconds — pre-filled with all the fields above. Free forever.