- Waitlist Page Builder
Waitlist Page Builder
The Waitlist Page Builder turns your waitlist's hosted landing page into a true page builder. Instead of editing one fixed form, you compose your page from stackable sections — Hero, Features, How It Works, FAQ, and Form — and rearrange, hide, or remove them however you like. Pick a starter template to skip the blank-canvas problem, tweak copy with a live side-by-side preview, and publish without writing a single line of code.
Every waitlist gets two free hosted URLs:
https://launch.li/p/your-waitlist-slug ← short, brandable, the one we recommend sharing
https://getlaunchlist.com/pages/your-waitlist-slug ← long, canonical, also works
The two URLs serve the same page — launch.li/p/... is a redirect to the canonical getlaunchlist.com/pages/... URL. You don't have to choose: share the short one, get tracked SEO juice on the long one. Both are wired up the moment you create your waitlist.
You can copy either URL from Dashboard → Page Builder at the top of the builder.
Why two URLs?
The short URL is for sharing — it fits cleanly in tweets, Instagram bios, podcast show notes, and "swipe up" promos where every character counts. The long URL is for SEO — search engines index the canonical getlaunchlist.com/pages/... URL, so your hosted page accrues the ranking signal regardless of which link your visitors clicked.
Practical rule of thumb: share the short URL everywhere humans see it, and let the long URL be the one search engines and analytics tools store.
Anatomy of a built page
A built page is a vertical stack of sections rendered in the order you set. Each section is fully self-contained: it has its own settings panel, its own visibility toggle, and its own position in the stack. You can add the same section type more than once (for example, two FAQ blocks for "Pricing" and "Logistics"), or skip section types you don't need.
The five section types you can use today are:
Hero
The first thing visitors see. A large headline, a supporting subtitle, an optional CTA button that scrolls to your form, and an optional logo.
Settings:
| Setting | What it does |
|---|---|
| Headline | The main title. Keep it benefit-focused. Example: "Join the future of AI writing." |
| Subheadline | A short supporting line below the headline. Example: "Be the first to know when we launch. Early access members get 30% off." |
| Show CTA button | When on, displays a button below the subheadline that smooth-scrolls down to your Form section. Toggle it off if you want a quieter hero (for example, when the form is already visible above the fold on mobile, or when your page is content-first and the form sits at the bottom). |
| CTA Button Text | What the button says. Defaults to your widget's button text (or "Join the Waitlist" if not set). Visible only while Show CTA button is on. |
| Show logo | Renders your waitlist logo in a circular crop above the headline. Upload your logo at Settings → Branding. |
Tip: If your page only has a Hero and a Form, you don't need the CTA — the form is right there. Turn Show CTA button off to keep the hero clean.
Features
A grid of feature tiles — each tile has an emoji icon, a short title, and a one-sentence body.
Settings:
| Setting | What it does |
|---|---|
| Title | Section heading shown above the grid (e.g. "Built for modern teams"). Leave blank to omit the heading. |
| Columns | Number of columns the grid uses on desktop (2 or 3). Mobile collapses to a single column automatically. |
| Items | The list of feature tiles. Each item has an icon (any emoji), a title, and a body. Add or remove items inline. |
How It Works
A numbered, step-by-step walk-through. Use it to explain what happens after someone signs up, how the product onboards them, or the journey to launch day.
Settings:
| Setting | What it does |
|---|---|
| Title | Section heading (e.g. "How It Works"). |
| Steps | An ordered list of steps. Each step has a title and a body sentence. The number badge is added automatically based on order. |
FAQ
A list of question-and-answer pairs. Renders as collapsible accordions on the public page, so the section stays compact even with a dozen questions.
Settings:
| Setting | What it does |
|---|---|
| Title | Section heading (e.g. "Frequently Asked Questions"). |
| Items | A list of {question, answer} pairs. Both fields support plain text. |
Form
The signup form itself. The form inherits all of your widget's settings — fields, validation, button text, colors, and layout — from the Widget Settings tab. That keeps your hosted page and any embedded widgets perfectly in sync. You can still add a section-specific title and subtitle to give the form context inside the page.
Settings:
| Setting | What it does |
|---|---|
| Form Title (optional) | A heading shown directly above the form (e.g. "Get Early Access"). |
| Form Subtitle (optional) | A line below the form title (e.g. "Join 500+ founders on the waitlist"). |
The form has a stable id (#waitlist-form) — that's what the Hero CTA scrolls to. If you have multiple Form sections on a page, only the first one anchors the scroll target; the others render normally and accept submissions just the same.
Note: To change which fields the form collects (name, email, custom fields), the field order, or the button text, go to Widget Settings → Design. Those settings drive both the embedded widget and the hosted-page form.
Starter templates
When you open the Page Builder for a brand-new waitlist, a template picker appears. Pick one and we pre-fill all five sections with copy tuned for that audience — you'll be 80% of the way to a finished page before you type a single character.
| Template | Best for | Sections |
|---|---|---|
| SaaS | Software, productivity, B2B tools | Hero → Features → How It Works → Form → FAQ |
| Mobile App | iOS and Android apps, mobile-first products | Hero → Features → Form → FAQ |
| Consumer | DTC, lifestyle, physical products | Hero → Features → Form → FAQ |
You can switch templates at any time using the Reset to a different template link below the section list. Resetting replaces your current sections with the template's defaults, so save anything you want to keep first.
If you already had a hosted page set up before the builder existed, we don't show the template picker — instead we seed your sections from your existing copy so your headline, subtitle, logo, and form carry over untouched. You can keep the seeded layout, add more sections, or reset to a template whenever you like.
Building your page
Open Dashboard → Page Builder. The builder has two columns:
- Left: the section list and the per-section settings panel
- Right: a live preview of your page that updates as you edit
Adding a section
Click + Add Section at the top of the section list. Pick a section type from the menu — you can add as many of each type as you want.
Editing a section
Click a section's card to expand its settings. Inside the panel you'll find every option for that section type. Edits save automatically as you type (with a short debounce on text inputs to avoid hammering the server).
Reordering sections
Use the up/down arrows on each section card to move a section in the stack. The preview reorders in real time without a full reload.
Hiding a section
Click the eye icon to toggle visibility. A hidden section is preserved — its content, settings, and position all stay intact — but it doesn't render on the public page. Useful for staging changes (e.g. drafting a new FAQ in private) or temporarily simplifying the page for an ad campaign.
Removing a section
Click the × icon to remove a section permanently. There's no undo, so use hide if you might want it back later.
Page-level settings (Global Settings)
Below the section list is a Global Settings panel that controls the page as a whole — branding, colors, social proof, SEO, and the on/off switch. These settings apply across every section.
General
| Setting | What it does |
|---|---|
| Headline | A page-level fallback headline used by sections that don't have their own (and by the page's <title> tag if SEO Title is empty). |
| Subtitle | A page-level fallback subtitle. |
Display
| Setting | What it does |
|---|---|
| Show signup count | Renders "Join 1,243 others on the waitlist" under the hero. Adds social proof once you have signups. |
| Show leaderboard | Displays the top 5 referrers — drives competitive sharing. |
| Show logo | Page-level logo default. Each Hero section has its own logo toggle that overrides this. |
| Show social links | Adds social follow buttons in the footer. Configure links at Settings → Social Links. |
Referral URL destination
Controls where referral links (the unique links your signups share with friends) point to:
- Your website — sends referred visitors to your main site URL
- Hosted page — sends referred visitors back to this hosted page
If you don't have a website yet, set this to Hosted page so the referral loop stays self-contained.
Styling
| Setting | What it does |
|---|---|
| Background Color | Page background. Defaults to light gray (#f9fafb). The page renderer auto-detects whether the background is dark and adjusts text, muted text, borders, and card backgrounds for contrast — so a dark hex looks intentional, not unreadable. |
| Button Color | Color of the form's submit button and the Hero CTA. Falls back to your widget settings if not overridden. |
| Button Text Color | Text color inside both buttons. |
SEO
| Setting | What it does |
|---|---|
| Allow search engine indexing | When off (default), Google sees <meta name="robots" content="noindex"> — useful while you're still building or running paid ads only. Turn on when you're ready for the page to appear in search results. |
| SEO Title | The <title> tag shown in browser tabs and Google results. Falls back to the page-level Headline, then your waitlist name. |
| SEO Description | The meta description shown in Google snippets. Aim for 150–160 characters. The same value populates Open Graph and Twitter card descriptions. |
Tip: If you're running paid ads to this page only, keep indexing off — you don't need Google traffic and
noindexkeeps a thin landing page out of Google's quality signals.
Enable / disable the page
The Enabled toggle controls whether the public URL is live:
- On (default) — the page is publicly accessible
- Off — the page renders a friendly "This page is not currently available" message
If you need to close signups without taking the page down, use Disable submissions in Waitlist Settings instead — that keeps the page live (and keeps referral links working) but rejects new submissions.
Live preview
The preview pane on the right is a real iframe of your hosted page running in a "preview" mode. It listens for updates from the builder and applies them instantly:
- Editing a section's title, subtitle, or copy updates the preview as you type.
- Toggling visibility hides or shows the section without a reload.
- Reordering sections rearranges the preview in place.
- Changing colors updates the CSS variables live — no flash, no rebuild.
Heavier changes (adding a section, removing a section, changing a feature/FAQ list) trigger a full preview reload to keep the DOM consistent. You'll notice these as a brief flash on the right.
The preview reflects the page exactly as visitors will see it, including the hosted-page background and the Powered by LaunchList footer (only shown if your plan still includes branding — see below).
To open the page in a new tab, click the ↗ icon at the top right of the preview pane.
Backward compatibility
Existing hosted pages that haven't been opened in the builder yet keep rendering exactly as they did before — same layout, same content, same URL. The new section-based renderer only kicks in once a waitlist has section data. The first time you open the Page Builder, we either:
- Show you the template picker (for brand-new waitlists with no existing page settings), or
- Seed sections from your current page settings (for waitlists that already had a hosted page configured)
Either way, your customer-facing URL doesn't change, and any embedded widgets are completely unaffected.
Sharing your page
Once your page is live, copy the URL from the top of the Page Builder tab and share it:
- In your email signature
- In your social bio (Twitter/X, LinkedIn, Instagram)
- On Product Hunt, Reddit, Indie Hackers, Hacker News
- In paid search and social ad campaigns
- In partnership emails and outbound
Every visitor who signs up gets their own referral link pointing back to this page (or your website, depending on your Referral URL destination setting). That referral link is the engine of the viral loop.
Frequently asked questions
Do I need a paid plan to use the Page Builder? No. The Page Builder, all five section types, and the starter templates are available on the Free plan. Paid plans extend the submission limit and unlock removing the Powered by LaunchList footer.
Can I use a custom domain?
Bring-your-own custom domains aren't supported yet, but every waitlist now gets a short share URL on our own domain — launch.li/p/your-slug — that's free, brandable, and works on every plan. It redirects to your canonical hosted page (getlaunchlist.com/pages/your-slug). If you need a fully custom domain experience today, embed the LaunchList widget into your own Webflow, Framer, Carrd, Squarespace, or WordPress site — the widget honors all of your widget settings the same way the hosted page does.
Can I remove the LaunchList branding from the page? Yes — upgrade to a paid plan and enable Hide powered by logo in Settings → Customize thank-you page. Once enabled, the "Powered by LaunchList" footer is removed from your hosted page.
Will the page show up on Google? Only if you turn on Allow search engine indexing in the SEO settings. By default it is off. After turning it on, submit your URL to Google Search Console for faster indexing.
What happens to referral links if I disable the page? If you set the page to Disabled, your URL still resolves but shows an unavailable message — referral clicks won't convert. To pause new signups without breaking referral URLs, use Disable submissions in Waitlist Settings instead.
Why does my background not fully cover the page when I only have one or two sections? It now does — the page wrapper has a minimum height of the full viewport, so even a sparse page (Hero + Form only, for example) keeps the background color edge-to-edge.
Can I have more than one Form section on a page? Yes — the form will accept submissions from any of them. The Hero CTA will scroll to the first Form section it finds. You'd usually only need one form, but it can be useful to have one above the FAQ and one below.
What if I want a section type that isn't here yet? Phase 1 ships with five section types. We're already lining up Testimonials, a Logo Strip, a Countdown, and Video sections — plus more starter templates. If you want a specific one sooner, let us know via the in-app chat.
Can I move my page back to the old single-form layout? The new builder is a superset of the old layout — you can replicate it by keeping just the Hero and Form sections and hiding everything else. We don't currently expose a "switch back" toggle because the page builder is, structurally, the same hosted page with more sections available.