Can I see the widget in the Webflow Designer preview?

Embed elements do not render in the Webflow Designer canvas. You will see a placeholder box in the Designer. To see the live widget, click "Publish" and view your site on the published URL or use the preview mode.

Does it work on Webflow CMS collection pages?

Yes. You can add the Embed element to a CMS collection template page. This allows you to place a waitlist on dynamically generated pages, such as product launch pages or feature pages.

Can I style the widget to match my Webflow design?

Yes. Use the data-primary-color attribute to set the accent color to match your Webflow site. The widget inherits font styles from your page by default, so it blends naturally with your design.

Do I need a paid Webflow plan to use embeds?

The Embed element is available on all Webflow site plans, including the free Starter plan. However, you will need a paid site plan to publish your site with a custom domain.

Integration

Add a Waitlist to Your Webflow Site - Launch Queue

Drop a waitlist signup form into your Webflow project with a single embed element. No custom code or third-party apps required.

Get Started Free

Embed Code

index.html

<div
  data-lq-widget="signup"
  data-api-key="YOUR_API_KEY"
  data-project-id="YOUR_PROJECT_ID"
  data-primary-color="#3B82F6"
  data-button-text="Join the Waitlist"
></div>
<script src="https://launchqueue.app/widget.js" async></script>

Step-by-step Setup

Open your Webflow project

Log in to Webflow and open the project where you want to add your waitlist. Navigate to the page in the Designer where the widget should appear.

Add an Embed element

In the Webflow Designer, open the Elements panel (shortcut: A) and drag an "Embed" element (under Components) onto your page where you want the waitlist form to appear.

html

<div
  data-lq-widget="signup"
  data-api-key="YOUR_API_KEY"
  data-project-id="YOUR_PROJECT_ID"
  data-primary-color="#3B82F6"
  data-button-text="Join the Waitlist"
></div>
<script src="https://launchqueue.app/widget.js" async></script>

Paste the embed code

Double-click the Embed element to open the code editor. Paste your Launch Queue embed code and click "Save & Close." The widget will not render in the Designer preview but will appear on the published site.

Publish your site

Click "Publish" in the top-right corner of the Webflow Designer to push your changes live. Visit your published site to confirm the waitlist widget is working correctly.

Why use Launch Queue with Webflow

Works directly in the Webflow Designer with the built-in Embed element
No third-party apps or Webflow integrations to configure
Fully responsive — adapts to any Webflow layout and breakpoint
Supports Webflow CMS pages for dynamic waitlist placement
Compatible with Webflow interactions and animations on the same page

Frequently Asked Questions

Add a waitlist to your Webflow site

Start your 14-day free trial. No credit card required.

Start Free Trial