Back to Templates
Registration5 fields

Course Enrollment

Enroll students in courses with experience level and learning goals.

Spam protectionEmail notificationsAI sales agentSubmission dashboardNo backend needed

Live Preview

Exactly what visitors will see on your site

Course Enrollment

What you'll collect

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

Full Name

text · required

Email

email · required

Course

select · required

Experience Level

select · required

Goals

textarea · optional

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">Course Enrollment</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]">Course</label>
<select name="course" 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="Course A">Course A</option>
<option value="Course B">Course B</option>
<option value="Course C">Course C</option>
</select>
</div>
<div>
<label class="mb-1.5 block text-sm font-medium text-[#6b5548]">Experience Level</label>
<select name="experience_level" 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="Beginner">Beginner</option>
<option value="Intermediate">Intermediate</option>
<option value="Advanced">Advanced</option>
</select>
</div>
<div>
<label class="mb-1.5 block text-sm font-medium text-[#6b5548]">Goals</label>
<textarea name="goals" rows="4" 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 resize-none" placeholder="What do you hope to achieve?"></textarea>
</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]">
Enroll Now
</button>
</form>

What is a Course Enrollment?

A course enrollment form template makes it easy for students to sign up for classes, workshops, or online courses. With fields for course selection, experience level, and learning goals, this HTML form helps educators understand their students before the first session. Ideal for online academies, bootcamps, and training programs.

Frequently Asked Questions

Common questions about registration form templates.

Start with this Course Enrollment

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