Can I use multiple widget types on the same page?

Yes. You can add a signup widget, a countdown widget, and a leaderboard widget all on the same page. Each widget div uses a different data-lq-widget value. You only need to include the script tag once.

Do I need to include the script tag more than once?

No. You only need one script tag per page, regardless of how many widgets you have. Place it once before the closing body tag or after your last widget div.

Can I customize the appearance of the widget?

Yes. Use the data-primary-color attribute to set the accent color, data-button-text to change the call-to-action text, and data-collect-name to optionally collect the subscriber's name along with their email.

Does the widget work without an internet connection?

The widget requires an internet connection to load the script and submit signups to the Launch Queue servers. It will not render if the visitor is offline, but it will not cause any errors on your page either.

Integration

Add a Waitlist to Any Website with HTML - Launch Queue

The simplest way to add a waitlist to your website. Paste two lines of HTML before your closing body tag and start collecting signups immediately.

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

Copy the embed code

Copy the Launch Queue embed code from your project dashboard. It consists of a div element with your widget configuration and a script tag that loads the widget.

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 into your HTML file

Open your HTML file and paste the embed code where you want the waitlist form to appear. Place it inside the body tag, ideally in a container element for proper layout.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Join Our Waitlist</title>
</head>
<body>
  <main style="max-width: 480px; margin: 0 auto; padding: 2rem;">
    <h1>Join Our Waitlist</h1>
    <p>Be the first to know when we launch.</p>

    <!-- Launch Queue Waitlist Widget -->
    <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>
  </main>
</body>
</html>

Publish your site

Upload your HTML file to your web host or deploy via GitHub Pages, Netlify, or any static hosting provider. The widget will start working immediately with no build step required.

Why use Launch Queue with HTML

Zero dependencies — no frameworks, libraries, or build tools required
Works with any static HTML website or landing page
Async script loading ensures the widget never blocks page rendering
Under 15 KB total widget size for fast loading on any connection
Compatible with any web host including GitHub Pages, Netlify, and shared hosting

Frequently Asked Questions

Add a waitlist to your HTML site

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

Start Free Trial