Framer

Add a waitlist to your Framer site in 2 minutes

Two ways to integrate Waitlister with Framer: Official plugin (easiest) or embeddable widget. Choose what works best for your project.

Framer + Waitlister

Trusted by 2,000+
businesses & entrepreneurs

Data Hokage logo
Data Hokage
Fink Academy logo
Fink Academy
stagewise logo
stagewise
Sirius AI logo
Sirius AI
BLADNA logo
BLADNA
PagePal logo
PagePal
ChatAce.io logo
ChatAce.io
Instanote logo
Instanote
DirectoryDeck logo
DirectoryDeck
landman® logo
landman®
datapro logo
datapro
NATRU logo
NATRU
Pop Date logo
Pop Date
Aspire logo
Aspire
WalletX logo
WalletX
quickblogs logo
quickblogs
Data Hokage logo
Data Hokage
Fink Academy logo
Fink Academy
stagewise logo
stagewise
Sirius AI logo
Sirius AI
BLADNA logo
BLADNA
PagePal logo
PagePal
ChatAce.io logo
ChatAce.io
Instanote logo
Instanote
DirectoryDeck logo
DirectoryDeck
landman® logo
landman®
datapro logo
datapro
NATRU logo
NATRU
Pop Date logo
Pop Date
Aspire logo
Aspire
WalletX logo
WalletX
quickblogs logo
quickblogs
“Waitlister has been amazing; honestly, I don't plan on changing to another provider. Being able to create beautiful landing pages for my waitlist has been amazing. Customer support's response time is amazing, which has helped me deploy quickly.”
Data Hokage logo
Sinazo Bogicevic
Founder, Data Hokage
Use Cases

What you can build

Popular ways Framer users implement waitlists

SaaS Product Launches

Build anticipation for your SaaS product with a sleek Framer landing page and integrated waitlist.

Example: Pre-launch page with animated hero, feature showcase, and plugin-powered waitlist form

Agency Client Projects

Create coming soon pages for client projects with Framer's design flexibility and Waitlister's functionality.

Example: Branded pre-launch page with custom form styling matching client guidelines

Portfolio Launches

Collect early interest for your design services, courses, or products with an elegant waitlist page.

Example: Personal brand site with newsletter signup converting to waitlist subscribers

E-commerce Pre-orders

Launch products with pre-order waitlists using Framer's e-commerce capabilities.

Example: Product page with "Notify me when available" form for sold-out items

Event Registrations

Capture registrations for workshops, webinars, or conferences with beautiful Framer event pages.

Example: Conference landing page with early bird waitlist and countdown timer

Template & Asset Releases

Build a waitlist for your Framer templates, design assets, or digital products.

Example: Template showcase page with "Get notified on release" waitlist form
Benefits

Why Waitlister for Framer?

Built to work seamlessly with Framer's capabilities

Official Framer Plugin

Install from Framer's marketplace with one click. Insert customizable forms instantly and manage everything via Framer's property panel.

Visual Design Integration

Integrate waitlists without leaving Framer's visual canvas. Customize forms using property controls or style embeds to match your exact design.

Zero Code Required

Perfect for designers who want powerful waitlist functionality without touching code. Both plugin and embed methods work with Framer's no-code approach.

Component-Based

Works seamlessly with Framer's component system. Create reusable waitlist components that can be deployed across multiple pages.

Lightning Fast Performance

Optimized for Framer's fast loading times. Our plugin and embeddable widget are under 2KB and load asynchronously for zero performance impact.

Works with Framer CMS

Integrate waitlists into CMS-driven pages and templates. Perfect for product catalogs, blog posts, or dynamic content.

Responsive Out of the Box

Automatically responsive across all breakpoints. Works perfectly with Framer's responsive design system and mobile-first approach.

Light & Dark Mode Support

Plugin automatically adapts to your Framer site's theme. Seamless experience whether your site uses light mode, dark mode, or switches between them.

Choose Your Method

Which integration is
right for you?

Compare both methods to find the best fit for your Framer project

FeatureForm ActionEmbeddable Widget
Setup Time~2 minutes~10 minutes
Framer Skills RequiredBasicBasic (embed component)
Design FlexibilityGood (property panel)Customizable in dashboard
MaintenanceMinimalUpdate via dashboard
Custom StylingVia property controlsDashboard presets
AnimationsBasic transitionsLimited
Form ValidationBuilt-inBuilt-in
Component ReusabilityYesYes
Light/Dark ModeAutomaticDashboard control

Choose Form Action if...

  • You want the fastest setup (2 minutes)
  • You prefer working entirely within Framer
  • You want a balance of ease and customization
  • You're new to Framer or building quickly
  • You want official support from both Framer and Waitlister
  • You need light/dark mode support out of the box

Choose Embeddable Widget if...

  • You prefer managing form design in Waitlister dashboard
  • You're building a simple coming soon page
  • You want to update the form styling without touching Framer
  • You need a plug-and-play solution with minimal setup
Step-by-Step Guide

How to integrate

Follow these Framer-specific instructions

1

Install the Waitlister plugin

In Framer, open the Plugins menu (or press Cmd/Ctrl + /) → search for "Waitlister" → click Install.

The plugin is free and officially listed in the Framer Marketplace.

2

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).

3

Insert a waitlist form

Open the Waitlister plugin in Framer → click "Insert Waitlist Form" → the form component will appear on your canvas.

You can insert as many forms as you need across different pages.

4

Customize via property panel

Select the form on your canvas → open Framer's property panel (right sidebar). Here you can customize:

  • Waitlist Key: Paste your key from step 2
  • Form Type: Choose between inline (email + button) or multi-field (email, name, phone)
  • Fields: Toggle name and phone fields on/off
  • Button: Customize text, colors, and styling
  • Placeholders: Change input placeholder text
  • Success Behavior: Show inline message or redirect to custom page
5

Whitelist your domain

In Waitlister dashboard → ConfigureWhitelisted domains → add your Framer domains:

  • For testing: framer.app
  • For production: yourdomain.com
Testing: yoursite.framer.app
Production: yourdomain.com
Pro tip
You can add multiple domains. Remove framer.app after launch for better security.
6

Preview and publish

Click Preview in Framer to test your form → submit a test signup → verify it appears in your Waitlister dashboard → publish your site!

All signups will automatically flow into your dashboard with full analytics.

Need more details?

Check out our complete form action endpoint documentation.

View full documentation
Troubleshooting

Common issues & solutions

Quick fixes for Framer-specific problems

Make sure you're using the latest version of Framer (desktop or web app). Go to Plugins menu → search for "Waitlister" → click Install. If still not appearing, try restarting Framer.
The plugin inserts a hosted component. Make sure you've added your waitlist key in the property panel. Check that your internet connection is active, as the component loads from our CDN.
For embed method: verify the script is in the correct location (page settings → "Start of tag"). Ensure you've published the site after adding the code. For plugin: the component should work immediately after publish.
Check that your domain is whitelisted in Waitlister settings under Configure. For custom domains, add the exact domain (e.g., "yourdomain.com" not "www.yourdomain.com"). Also verify your waitlist key is correct in the form settings.
Make sure you've selected the Waitlister form component on the canvas (not its parent frame). The property panel should show Waitlist Key, Form Type, and other customization options. If not visible, try re-inserting the form from the plugin.
The plugin uses property panel controls for styling. Check all available options in the right sidebar. For embed method, styling is controlled in the Waitlister dashboard via the form editor.
Adjust the data-height attribute in your embed code. The plugin auto-adjusts height based on form type selected.
Both plugin and embed methods are automatically responsive. Test on all Framer breakpoints (Desktop 1440px, Tablet 834px, Mobile 390px) to ensure proper display.
The plugin supports email, name, and phone fields by default. For additional custom fields, use the embed method with custom HTML or integrate via our API. Learn more about managing subscriber data.
Configure redirect URL in your Waitlister dashboard under Configure → Thank You Page settings. For the plugin, you can also set success behavior (inline message or redirect) in the property panel.
The Waitlister script is very lightweight and rarely conflicts. If you experience issues with embed method, ensure the script is loaded with the "defer" attribute. The plugin uses a different loading method and shouldn't have conflicts.
The plugin automatically detects and adapts to Framer's theme settings. If you're using a custom theme, make sure your Framer project has proper light/dark mode variants configured. The plugin inherits these settings.
FAQ

Common questions

About Framer integration

Use the Framer Plugin (recommended) for the fastest setup with good customization via property panel. Choose Embed Widget if you prefer managing styling in the Waitlister dashboard without touching Framer. The plugin is ideal for 90% of users.
Yes! You can add waitlist forms to CMS collection pages. Use the plugin or embed method in a CMS template, or create a reusable form component. Perfect for product launches and dynamic content.
The plugin includes basic transition animations and automatically adapts to your Framer site. For more advanced custom animations, you can layer Framer Motion effects on top of the plugin component.
Yes! Create component variants in Framer with different form designs using the plugin, then use Framer's built-in variant controls to switch between them. Track performance in Waitlister's analytics dashboard.
The plugin automatically adapts to your Framer theme. You can further customize colors, button styles, and text via the property panel to perfectly match your branding.
The plugin uses system fonts by default and adapts to your Framer site's typography. For the embed method, you can specify custom fonts in the Waitlister form editor.
Yes! Both methods work with Framer's localization. Create different variants for each language, or set up separate waitlist forms in Waitlister for each language you support.
Yes! Set up webhooks to trigger custom actions when someone joins your waitlist, or use our API for advanced integrations.
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.
With the plugin, you can configure success behavior in the property panel (inline message or redirect to a custom page). Customize the message text and redirect URL to fit your needs.
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 plugin itself is completely free to install and use from the Framer Marketplace. You'll need a Waitlister account (free plan available) to collect and manage submissions.
Explore

More integrations

Explore other platforms

Get started with Waitlister

Integrate Waitlister with Framer to get the most out of your waitlist