Pre-launch waitlist form

A free waitlist form that puts every signup in line

LaunchList gives you a waitlist form that puts everyone who joins in a numbered line, each holding a referral link for friends. Add it to any website with two lines of code, as a popup or behind your own HTML.

Free for your first 100 contactsNo credit card needed

At a glance

Updated

What it is
A signup form for your own website that puts each person who joins on one waitlist, in the order they arrived, each with a personal referral link.
Code it takes
Two lines for the inline form: a script in the head of your page and a div where the form should appear.
Where it works
Any site that accepts custom HTML, Framer, Webflow, WordPress, Squarespace, Wix, Carrd and Shopify among them, and React, Vue or Svelte apps.
Its look
Your Brand Kit color and font, drawn in a sealed box of its own, so the stylesheets on your site cannot pull it apart.
Referral links
Each person's link can send friends to your own site instead of a page LaunchList hosts, once LaunchList knows your site's address.
Price
Every way to add the form comes with the Free plan, which covers your first 100 contacts and asks for no card.
01Your options

Where waitlist signups usually go, and what each place keeps.

Most founders start with the form tool they already know. Each one stores an answer; none of them was built to keep a line.

  • A general form tool

    Google Forms keeps every answer in the form and can copy each one into a linked Google Sheet. An answer is a row: an order of arrival, a referral link and a way to email the list are left for you to build.

    Source: Google Docs Editors Help, choosing where form responses are saved

    Use it when

    You need answers once, like a survey or an RSVP, and nobody waits to hear back.

  • Your site builder's own form

    Framer can send what its forms collect to an email inbox, a Google Sheet or a webhook. Webflow keeps each form's submissions in Site settings, with an export to CSV.

    Sources: Framer Help on adding a contact form and Webflow Help on form submissions.

    Use it when

    The form only has to reach your inbox, like a contact form or a demo request.

  • Your own code and database

    A form you build posts to a server you run, which stores the address. Duplicates, the confirmation email, spam and referral credit are all code you write and keep working.

    Use it when

    Joining is part of your own sign-in flow and you already run the email that goes with it.

Where LaunchList fits

Keep the site and the design you have, and let LaunchList keep the line: add its form, or point a Framer form or a form you coded at it. Every signup lands in one list, in order, whichever way it came in.

02Ways to add it

Seven ways to put a waitlist form on your website.

Pick by what your site has already. Every way feeds the same list, with the same spam screening and referral credit.

You haveUseWhat you add
You have: A site builder with a custom HTML block

Inline form

What you add: Two lines: a script in the head and a div where the form goes
You have: A form you already designed

Your own form, enhanced

What you add: One attribute on your form tag, plus the script
You have: A page or template that strips scripts

Plain HTML

What you add: A form tag whose action posts to LaunchList
You have: A button that should open the form

Popup or slide-over

What you add: One attribute on your own button
You have: A React, Vue or Svelte app

Mounted in your app

What you add: One function call once the element is on the page
You have: Your own backend and your own screens

Headless

What you add: One POST request from your code, with no API key
You have: A Framer site with a form of its own

Framer form

What you add: A webhook in the form's settings, from Embed & API

Every one of them is in "Embed & API", then "Your website", filled in with your own form.

03After the form

What the waitlist form does after someone presses join.

The form on your site is the front door. Behind it, every signup gets the same treatment as one on a hosted page.

  • A place in line

    By default each new signup is sent to a status page with their number in line. A form can also say thanks right where they joined, or open a page of your choosing.

  • A link that comes back to your site

    With your site's address set, each person's link is that address plus their code, and the form there credits the friend who shared it.

  • One person, one row

    Someone who joins twice, or through two of your forms, stays a single contact in one list.

  • Screened before it counts

    Each signup is scored for spam as it arrives, and a waitlist form can email each signup a link that proves the address is theirs.

04How it works

Waitlist form setup, from your first click to your first signup.

About as long as it takes to find the custom HTML block in your site builder.

  1. Say where people sign up

    When LaunchList asks, choose "Your own site" and type its address. Referral links then point at your site rather than at a page LaunchList hosts.On every plan
  2. Copy the code for your site

    LaunchList then gives you the two lines to paste, a call for your backend and a prompt for the AI tool that builds your site. "Embed & API" has every other way.On every plan
  3. Join once yourself

    Publish, then sign up on your live site with your own email. The setup screen watches for that first signup and shows it as it lands.On every plan
When to use it

When the form belongs on your own site, and when it does not.

It comes down to where your visitors already are.

A good fit when

  • Your site is up, on Framer, Webflow, WordPress or your own code, and visitors already arrive there.
  • You want the signup next to your screenshots and your pricing, not one click away on another address.
  • Your product is a web app and the form should be drawn by your own components.
  • You want the links people share to bring their friends back to your own domain.

Not the right fit when

  • There is no website yet. A waitlist page LaunchList hosts gets you live with no code at all.
  • Joining has to take money, like a deposit or a pre-order: the form cannot take a payment.
  • The form is for support questions or job applications, where nobody joins a line.
The details

Small details that keep a waitlist form working on any site.

The parts nobody notices until they are missing.

  • Sealed from your CSS

    The inline form renders in a shadow root of its own, so a stylesheet on your site cannot bend it out of shape, and its styles never leak into yours.On every plan
  • Edits with nothing to re-paste

    Add a question or rename the button in LaunchList, and the live form on your site picks up the change on its own within minutes.On every plan
  • A friend who comes back later

    A referral code stays in the visitor's browser for 90 days, so a friend who returns a week on and joins from another page still counts.On every plan
  • A popup on your own cue

    Open the popup from your own code, on scroll depth or as a visitor heads for the exit, with one function call.On every plan
  • Your own CAPTCHA

    Add your own CAPTCHA keys and switch the challenge on, and the form shows it on your site too.On every plan
  • Extra inputs kept

    Your own form can carry inputs LaunchList never asked for, up to 20 a signup, and each one turns up as a column of its own in your audience.On every plan
FAQ

Waitlist forms on your own site: the common questions.

How do I put a waitlist form on my website?
Sign up for LaunchList, choose "Your own site" and copy the two lines it gives you: a script for the head of your page and a div where the form should appear. Paste both into a custom HTML block in Framer, Webflow, WordPress or any site, publish, and the form is live.
Does the LaunchList waitlist form need a website?
The form needs a page to sit on, so it suits a site you already have. With no website yet, use the waitlist page LaunchList hosts for you, which carries the same form and needs no code.
What is the difference between the embed form and the custom form?
The embed form is LaunchList's own: two lines of code draw it on your site in your brand colors, and it changes when you edit it in LaunchList. The custom form is your own HTML with one attribute added, so it keeps your design while LaunchList handles the submit, the errors and the referral credit. Both put signups in the same list.
Is the LaunchList waitlist form free?
Yes. Every way to add the form comes with the Free plan, which covers your first 100 contacts and asks for no card. When the list outgrows it you pick a bigger size, and signups past your size wait hidden, never deleted.
Can the waitlist grow itself with referrals?
Yes. Everyone who joins is given a personal referral link, and every friend who joins with it and confirms their email lifts them higher in line. Rewards for reaching a number of referrals come with the Collect, Launch and Grow plans.
Which platforms does the waitlist form work with?
Any site where you can paste custom HTML, Framer, Webflow, WordPress, Squarespace, Wix, Carrd, Shopify and Bubble among them, plus apps built with React, Vue or Svelte. The main site builders each have a step-by-step guide in the LaunchList docs.
Can I keep my own form design with LaunchList?
Yes. Add one attribute to the form you already have and keep every class and style. LaunchList takes over the submit, checks each field, shows errors in place and credits the friend who referred them.
Does the waitlist form work without JavaScript?
Yes. A plain HTML form can post straight to LaunchList with no script at all, and the visitor lands on their status page or a page of yours. Add the script anyway where you can: without it, the form cannot read a friend's referral code from the link.
Where do referral links send people when the form is on my own site?
To your own site, once LaunchList knows its address: each person's link is your address with their code added, and the form there credits the friend who shared it. You can point the links at the page LaunchList hosts, or at any other address, instead.
Can I run a product launch waitlist on my own site?
Yes. Put the form on your site early and share it, and let each person's referral link bring in the next ones. When you are ready, invite people from the list a batch at a time. Emailing everyone on the list at once comes with the Collect, Launch and Grow plans.

Start the line with a free waitlist form.

Two lines of code on any page, and every visitor can take a numbered place.

Build your waitlist

Free for your first 100 contactsNo credit card needed