Webflow
Add a waitlist to your Webflow site in seconds
Two ways to integrate Waitlister with Webflow: Official Webflow App (easiest) or custom form actions. Both work with any Webflow template, CMS, and custom domains.
Trusted by 5,000+
businesses & entrepreneurs
"I can only say good things about Waitlister. Their landing page is very user friendly, and Waitlister's pricing is more than reasonable."
What you can build
Popular ways Webflow users implement waitlists
SaaS Product Launches
Build anticipation for your SaaS product with a sleek Webflow landing page and integrated waitlist form. Capture leads before you ship.
Agency Client Projects
Create coming soon pages for client projects with Webflow's design flexibility and Waitlister's waitlist functionality. Deliver fast, look great.
E-commerce Pre-orders
Launch products with pre-order waitlists using Webflow's e-commerce capabilities. Notify customers the moment products are available.
Beta Access & Early Adopters
Manage limited beta spots with overflow waitlists. Collect interest for exclusive access to tools, platforms, or communities.
Event Registrations
Capture registrations for workshops, webinars, or conferences with beautiful Webflow event pages and waitlist overflow management.
Portfolio & Personal Launches
Collect early interest for your design services, courses, templates, or digital products with an elegant waitlist page.
Why Waitlister for Webflow?
Built to work seamlessly with Webflow's capabilities
Official Webflow App
Approved by Webflow and listed in the Webflow Marketplace. One-click form insertion directly from the Webflow Designer — no code required.
Two Layout Options
Choose between Inline (email + button) for compact placements or Full (name + email + button) for detailed signups. Both are pre-styled and responsive.
Pre-Styled & Customizable
Forms come with professional design out of the box. Customize every detail — colors, fonts, spacing, borders — using Webflow's native style panel.
Zero Code Required
Perfect for designers who want powerful waitlist functionality without touching code. Paste your key, choose a layout, click insert — done.
Works with Webflow CMS
Integrate waitlists into CMS-driven pages and collection templates. Perfect for product catalogs, blog posts, or dynamic content.
Custom Domain Support
Works seamlessly with Webflow's custom domains. Whitelist your domain in Waitlister and your forms work on both staging and production URLs.
Built-in Referral Tracking
Grow your waitlist virally with the built-in referral program. Subscribers get unique referral links. Track growth from your Waitlister dashboard.
Lightning Fast Performance
Forms are native Webflow elements — no external scripts or iframes. Zero performance impact on your site's loading speed.
Which integration is
right for you?
Compare both methods to find the best fit for your Webflow project
| Feature | Form Action | Webflow App |
|---|---|---|
| Setup Time | ~10 minutes | ~2 minutes |
| Design Control | Full Webflow control | Full Webflow control |
| Technical Skill | Basic form knowledge | None required |
| Custom Fields | Any HTML field | Email + Name |
| Layout Options | Fully custom | Inline or Full |
| CMS Support | Manual integration | Works with CMS |
| Form Validation | Webflow native | Built-in |
| Maintenance | Manual updates | Automatic |
| Custom Domains | Supported | Supported |
Choose Form Action if...
- You need complete design control over every form element
- You want to collect custom fields beyond name and email
- You're comfortable building Webflow forms from scratch
- You need advanced form validation or conditional visibility
- You want full control over form structure and attributes
- You're integrating waitlists into complex Webflow layouts
Choose Webflow App if...
- You want the fastest setup (under 2 minutes)
- You prefer one-click insertion from the Webflow Designer
- You want pre-styled forms that look great immediately
- You're new to Webflow or building quickly for a client
- You want official support from both Webflow and Waitlister
- You need a no-code solution with zero configuration
How to integrate
Follow these Webflow-specific instructions
Install the Waitlister app
In the Webflow Designer, open the Apps panel (left sidebar) → search for "Waitlister" → click Install.
The app is free and officially approved by Webflow.
Get your waitlist key
Log into your Waitlister dashboard → go to Overview → copy your waitlist key.
New to Waitlister? Create your first waitlist (takes 30 seconds).
Your waitlist key format: wl_xxxxxxxxxxxxxxxxxLaunch the app and insert a form
Open the Waitlister app in the Webflow Designer → paste your waitlist key → choose your layout:
- Inline: Email field + submit button (compact, great for headers and hero sections)
- Full: Name + email fields + submit button (detailed, ideal for dedicated signup pages)
Click Insert — the form appears on your canvas instantly.
Customize the design in Webflow
The inserted form is a native Webflow element — style it like any other component. Select individual elements and use the Style panel to adjust colors, typography, spacing, borders, and more to match your site's branding.
You can also customize your form design in your Waitlister form editor.
Whitelist your domain
In your Waitlister dashboard → Configure → Whitelisted domains → add your Webflow domains:
For staging: your-project.webflow.io
For production: yourdomain.comPublish and test
Click Publish in Webflow to push your site live → submit a test signup → verify it appears in your Waitlister dashboard.
All signups will automatically flow into your dashboard with full analytics.
Common issues & solutions
Quick fixes for Webflow-specific problems
Open the Apps panel in the Webflow Designer (left sidebar) and search for "Waitlister". If it doesn't appear, try refreshing the Designer or visit the Webflow Marketplace listing to install it directly.
Make sure you have a page element selected on the canvas before inserting. The form needs a parent container to be placed into. If the form still doesn't appear, check that your Webflow project is on a plan that supports apps.
Verify two things: (1) Your waitlist key is correct — copy it directly from your Waitlister dashboard. (2) Your domain is whitelisted in Waitlister under Configure → Whitelisted domains. Add both your-project.webflow.io and your custom domain.
For the form action method: select the Form Block (not an input inside it) → open Settings → verify the Action field is https://waitlister.me/s/YOUR_WAITLIST_KEY and the method is set to POST. For the app method, the action is configured automatically.
Webflow's Designer preview and published site can sometimes render differently. Always test on the published site. Make sure your styles are applied to the correct classes (not combo classes that might not carry over). Check all breakpoints — Desktop, Tablet, Mobile Landscape, and Mobile Portrait.
For the form action method: make sure each input field has the correct Name attribute set in the Settings panel. Use email for email, name for name, and phone for phone. For the app method, fields are pre-configured automatically.
Both the app and form action methods create native Webflow elements that respect breakpoints. Check your form layout at each Webflow breakpoint (1280px, 991px, 767px, 478px). Make sure inputs and buttons are set to width: 100% on mobile breakpoints.
After connecting a custom domain in Webflow, add the exact domain to Waitlister's whitelist (Configure → Whitelisted domains). Use the naked domain (e.g., yourdomain.com) without https:// or trailing slashes.
Configure your redirect URL in your Waitlister dashboard under Configure → Thank You Page settings. You can also control success behavior in Webflow's form settings if using the form action method.
This usually means the form action URL is incorrect or the domain isn't whitelisted. Double-check your waitlist key and ensure your domain is added in Waitlister settings. Also verify that the form method is set to POST, not GET.
Both methods work inside CMS collection templates. For the app method, insert the form into your collection template like any other element. For form action, add a Form Block to the template. The same waitlist key works across all CMS pages.
The Waitlister app runs in the Webflow Designer, not the Editor. If your client needs to add forms, insert them in the Designer first, then publish. Clients using the Editor can modify text and content around the form but can't insert new forms.
Common questions
About Webflow integration
Use the Webflow App (recommended) for the fastest setup with one-click form insertion and pre-styled design. Choose Form Action if you need custom fields beyond name and email or want full control over the form HTML structure. The app is ideal for 90% of users.
Yes! The app itself is completely free to install and use from the Webflow Marketplace. You'll need a Waitlister account (free plan available) to collect and manage submissions.
Yes! You can add waitlist forms to CMS collection pages and templates. Insert the form into your CMS template using either the app or form action method. Perfect for product catalogs, blog posts, or dynamic content pages.
The app inserts native Webflow elements, so you can style them like any other component using the Style panel. Adjust colors, fonts, spacing, borders, hover states, and focus states to perfectly match your design system.
Yes! Since the forms are native Webflow elements, you can apply any Webflow interaction or animation to them — entrance animations, hover effects, scroll-triggered reveals, and more.
The app supports email and name fields with two layout options. For additional custom fields (company, phone, role, etc.), use the form action method which lets you add any HTML input field. Custom field data is stored as metadata on the subscriber.
Yes! Add your custom domain to Waitlister's whitelist under Configure → Whitelisted domains. Forms work on both your webflow.io staging URL and your custom production domain.
Yes! Create different form variations in Webflow on separate pages or sections. Track performance of each in Waitlister's analytics dashboard to see which converts better.
Waitlister includes built-in spam protection with rate limiting and email verification. You can also enable double opt-in in your Waitlister settings to require email confirmation before subscribers are added.
If enabled, subscribers automatically receive your welcome email, are added to your dashboard, and can be sent update emails via broadcasts. You can also enable a referral program for viral growth.
Yes! Waitlister supports webhook integrations with Mailchimp, ConvertKit, Klaviyo, and other email marketing platforms. When someone joins your waitlist, they're automatically synced to your preferred tool.
Yes! The Webflow App is completely free. Waitlister also has a free plan that's perfect for getting started. Upgrade anytime for more features and higher subscriber limits. No credit card required.
Get started with Waitlister
Integrate Waitlister with Webflow to get the most out of your waitlist