Waitlist Template
A focused pre-launch page to collect emails before your product ships. The demo promotes MetricJar, a fictional analytics tool — ideal for validating demand with a single URL.
What's included
- Single-column layout — one clear goal: capture the visitor's email
- Email signup form — demo mode out of the box; set
data-endpointto your Formspree URL to go live - Success state — inline confirmation message after submit (also works offline for local preview)
- Perk list — three early-access benefits to motivate signups
- Trust note — anti-spam reassurance below the form
- Minimal JavaScript — one small script for demo success handling; remove when using a real form backend
Formspree and Netlify Forms
The downloaded file uses data-endpoint="https://formspree.io/f/YOUR_FORM_ID" for demo submissions. Create a free account at formspree.io, make a new form, and replace YOUR_FORM_ID with your real form ID. The script posts to Formspree when a valid endpoint is set; until then, visitors see an inline success message for local preview.
For Netlify Forms, change the form tag to:
Deploy to Netlify and submissions appear in your site dashboard under Forms. No server code required on either platform.
Who this template fits
Pre-launch founders who need one measurable goal — email signups — should start here. The layout removes navigation distractions and keeps the form above the fold on phones. Pair it with the waitlist conversion playbook for copy and incentive ideas that outperform generic "join our list" pages.
Once you validate demand, graduate to the SaaS template for pricing and feature depth, or keep this page as a dedicated /early-access route alongside a fuller marketing site.
Customization tips
Change the headline to state your value proposition in one sentence. Update the perk list with real incentives — discount codes, beta access dates, or feature voting rights convert better than generic bullets.
The orange accent (--accent: #f97316) stands out on dark backgrounds. Swap it for your brand color. Keep the page to one screen height on mobile so the form is visible without scrolling.
Wire the form using our Formspree how-to or Netlify Forms attributes. Test submissions from an incognito window before sharing the URL publicly.
Launch checklist
- Form endpoint returns 200 and delivers email to your inbox
- Privacy note links to a real privacy policy on your domain
- Headline states outcome, not feature jargon
- Thank-you state confirms next step ("Check your inbox for confirmation")
- UTM parameters preserved if you redirect after signup
- Sitemap includes this URL for indexing
FAQ
Is the demo form safe to leave live?
No. Replace YOUR_FORM_ID before marketing. Demo mode fakes success locally but does not store emails.
Can I collect name and company too?
Yes, but every extra field lowers conversion. Add one optional field only if you will actually segment on it.
How many signups does Formspree free tier allow?
Check current limits on our Formspree tool page. Upgrade when you consistently hit the cap during a launch week.
Common mistakes to avoid
Announcing a waitlist without a delivery date feels open-ended. State when the first beta batch ships — even "invites roll out Fridays in March" beats silence. Avoid counting signups publicly unless the number is verifiable; inflated counters erode trust when early users compare notes on Discord.
Do not add navigation links to your full marketing site on this page unless each link opens in a new tab with a clear return path. Every exit link is a leak from your single conversion goal. Keep social proof to one line — a founder quote or niche community mention — instead of a logo wall of brands you have not served yet.
License
This template is released under the MIT License. Collect emails for any project, commercial or personal. No attribution required.