How to Build a Pre-Launch Waitlist App in Bubble.io
A pre-launch waitlist converts visitors into leads while you are still building. One afternoon to build, five features that make it powerful (social count, referrals, position tracking, segmentation, wave launches), and the referral queue system that turns signups into distribution.
Why a Pre-Launch Waitlist Changes Everything
A pre-launch waitlist is one of the most powerful tools a founder can deploy before their product exists. It converts visitors into leads while you are still building, creates social proof (showing a visible wait count), segments your audience by interest, and gives you a warm list to launch to on day one. Building a waitlist app in Bubble takes one afternoon. The return — in leads, in validation signal, and in launch momentum — is enormous.
Simple by Design
WaitlistEntry
: text (unique; validated on submission)
first_name
: text
role
: option set (Founder / Developer / Designer / Other)
company_size
: option set (Solo / 2-10 / 11-50 / 51-200 / 200+)
use_case
: text (free field: what will you use it for?)
source
: text (URL parameter: utm_source)
referral_code
: text (their unique code to share)
referred_by
: WaitlistEntry (who referred them)
position
: number (their place in the queue)
is_approved
: yes/no (for early access waves)
created_at
: date
Beyond the Basic Email Capture
Visible Social Count
Display the total number of people on the waitlist prominently. ‘2,847 founders already waiting’ creates FOMO and increases conversion. Update the count automatically by reading from a denormalised counter on a Settings data type updated on every signup.
Referral Programme
Every person who signs up gets a unique referral link. When someone signs up via their link, the referrer moves up the queue. Email: ‘You are #284 on the waitlist. Refer 3 friends to jump ahead.’ This turns your waitlist into a distribution channel.
Queue Position
Show each person their position in the queue on a confirmation page accessed via a magic link in their confirmation email. Seeing ‘You are #47 of 500’ feels exclusive and motivates referrals to improve position.
Segmentation Questions
2-3 qualifying questions on the signup form (role, company size, primary use case) segment your waitlist before launch. When you do launch, you can prioritise the highest-value segments for early access. This data also validates which customer profiles are most interested.
Automated Confirmation Email
Immediately after signup: send a confirmation with their position, their referral link, and a 1-2 question survey. This email has the highest open rate of any email you will ever send. Use it to learn more about your audience.
Early Access Wave Launches
As you complete development, launch to the waitlist in waves rather than all at once. Wave 1 goes to the top 50 (most engaged, highest referrers). Wave 2 goes to the next 200. This creates scarcity, generates feedback before full launch, and keeps the remaining waitlist engaged.
Gamifying the Waitlist
On WaitlistEntry creation
Step 1
: Search for all WaitlistEntries:count + 1
Step 2
: Update this WaitlistEntry: position = Step 1’s count
// When someone uses a referral link:
// URL: yourapp.com/waitlist?ref=REFERRAL_CODE
// On page load: store ref code in a custom state
// On submission: find WaitlistEntry where referral_code = ref param
// Create new entry with referred_by = found entry
// Move referrer up the queue: position = position – 10
// Send email to referrer: ‘Someone used your link! You moved to #XX’
Build Your Bubble.io App With Expert Help
Pakistan’s leading Bubble.io development team. Multi-tenant SaaS architecture, Stripe billing, and full product builds done right from day one.
