Desktop · 1280px · shown at 0% · edit the text, images and colours in the panel
Waitlist Form — Free Website Section Template
Forms · v1.0.0 · Updated 2026-11-12 · Responsive · GSAP animation · HTML, React & Vue
Extend with AI
Take This Section Further With AI
The AI prompt for this one is for Patreon supporters ($3 a month), along with a site with no ads. Supporters enter the passcode once and it is remembered in this browser.
What's included
Features
About this section
Waitlist Form — Free Inline Email Sign-Up With Social Proof
Waitlist Form is the shortest path from interest to sign-up. A single rounded bar holds an email field, an optional “I am a…” menu and the join button, with a consent line below and a row of avatars saying how many people are already on the list. It suits product launches, beta programmes and newsletters.
One row, one decision
The fewer the fields, the more people finish. Email is the only required field. The role menu is optional and helps you segment the list later (designer, developer, founder). On narrow screens the bar stacks into three full-width rows so nothing is cramped and every target is large enough to tap.
Proof beside the button
“Join 4,200+ people already on the list” with three small avatars gives a reason to trust the page. Swap the avatars for your own and edit the text, or empty it to remove the row. The consent checkbox lets you keep a clean opt-in record for email marketing laws.
Sending
Every form posts to the address you paste into "Form URL" (Formspree, Basin, Getform or your own server), shows a success message, shows an error message when something fails and contains a hidden spam-trap field. Without JavaScript it is an ordinary form post. Fields sent: email, role and consent. A waitlist works well after a Hero section and before a FAQ; for a full-width banner version see the Newsletter CTA.
Why use it
Why Use the Waitlist Form
How it’s different
How It’s Different From Other Free Section Templates
Step by step
How to Use
- 1Edit the contentFill in the heading, social proof, fields, roles and form in the panel. Wrap words in *asterisks* to colour them.
- 2Add your imagesUpload your own images (resized in your browser and kept on your device) or paste a hosted image URL.
- 3Match your brandPick a colour preset or exact colours, choose heading and body fonts from Google Fonts or your own uploaded font, set the corner radius and width, or apply your brand kit.
- 4Animate and previewChoose a GSAP entrance effect and speed, press Play animation, and check the section on desktop, tablet and mobile.
- 5Save and exportSave it to My designs, then export a single HTML file, a ZIP with your images, a React or Vue component, or fork it into My Code.
Real-world uses
Common Use Cases
Got questions?
Frequently Asked Questions
Many email tools (Mailchimp, ConvertKit, MailerLite) give a form action URL; paste it in the Form URL field. Or use Formspree or Basin and connect the submissions to your list with an automation.
Yes. Empty the role label in the editor and the menu is left out, leaving an email-only bar.
It is marked required when its text is present. Empty the text to remove the checkbox if you collect consent elsewhere.
Upload three small photos in the Social proof group and edit the line of text, or empty it to remove the whole row.
Below 640 pixels the pill bar turns into three stacked, full-width fields: email, role and the join button.
It saves an editable copy of your Waitlist Form in My Code, the UI Snippets code editor: the section markup goes in the HTML panel, its CSS (theme variables, base styles and layout) in the CSS panel, and the GSAP library is added as a CDN link, so you can keep refining the code and save your own versions.
Yes. Every section is free for personal and commercial work, with no account, no watermark and no attribution: export it on its own as HTML, React, Vue or Next.js from its page, or use it in a website you build and export in the Website Builder.