GetWaitlyGetWaitly
Get started

Developers

Integrations

Embed your GetWaitly waitlist on any platform — no SDK required, one script tag.

Embed modes

1. Embed Widget

The fastest way. Add a script tag + a <div> and the full widget renders in place — signup form, inline success, and styling from your Widget Builder.

html
<div class="gw-widget" data-waitlist-id="your-id"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

2. Custom Form (DIY)

Write your own HTML form with full CSS control. Add widget-diy.js and it handles submission + inline success — no page reload.

html
<form class="gw-form" data-waitlist-id="your-id">
  <input name="email" type="email" required placeholder="Your email" />
  <input name="name" type="text" placeholder="Full name (optional)" />
  <button type="submit">Join waitlist</button>
</form>
<script src="https://getwaitly.com/widget-diy.js" defer></script>

3. Popup

Add a .gw-trigger button to any page. When clicked, a modal popup appears with your signup form. Uses the same widget.js script.

html
<button class="gw-trigger" data-waitlist-id="your-id">Join waitlist</button>
<script src="https://getwaitly.com/widget.js" defer></script>

4. Your own form (no JavaScript)

Use your own HTML form and point it at your waitlist's form action URL. No script required — the browser posts the signup and redirects to your thank-you page.

html
<form action="https://getwaitly.com/api/join/your-id" method="post">
  <input type="email" name="email" required placeholder="Your email" />
  <input type="text" name="name" placeholder="Full name (optional)" />
  <button type="submit">Join the waitlist</button>
</form>

Custom fields use cf_0, cf_1, … in your Widget Builder order. See the API reference for details.

Platform guides

HTML / Any Website

  1. Copy the embed code below.
  2. Paste it into the or of any page.
  3. Replace your-id with your waitlist ID from the Widget Builder.
html
<div class="gw-widget" data-waitlist-id="your-id"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

Webflow

  1. Open your Webflow project and go to Site Settings → Custom Code.
  2. Paste the embed code into the Before </body> section.
  3. Publish your site.
html
<div class="gw-widget" data-waitlist-id="your-id"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

Framer

  1. Open your Framer project and add a Custom Code element to a section.
  2. Paste the embed snippet below.
  3. The widget renders wherever you place the code element.
html
<div data-waitlist-id="your-id" class="gw-widget"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

WordPress

  1. Install and activate the Insert Headers and Footers plugin (or use a custom HTML block).
  2. Add the embed code to the Footer section, or into a page/post using a Custom HTML block.
html
<div data-waitlist-id="your-id" class="gw-widget"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

Shopify

  1. From your Shopify admin, go to Online Store → Themes → Edit code.
  2. Find theme.liquid and paste the embed code before the closing </body> tag.
  3. Save and preview your store.
html
<div class="gw-widget" data-waitlist-id="your-id"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

Squarespace

  1. Open your Squarespace editor and add a Code Block to a page section.
  2. Paste the embed code below.
  3. Save and publish.
html
<div data-waitlist-id="your-id" class="gw-widget"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

Carrd

  1. In your Carrd editor, add an Embed element to a section.
  2. Set the type to Code and paste the embed snippet below.
  3. The widget renders inline on your Carrd page.
html
<div class="gw-widget" data-waitlist-id="your-id"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

Notion

  1. Notion doesn't support custom JavaScript. Instead, use the hosted page.
  2. Type /embed in your Notion page and paste your hosted page URL.
  3. For a popup widget, link to your hosted page from a Notion button.
html
https://getwaitly.com/w/your-id

React / Next.js

  1. Install the widget script once (in _app.tsx or layout.tsx).
  2. Add a <div> with data-waitlist-id and className="gw-widget" where you want the form.
  3. For popups, add a button with className="gw-trigger".
html
{/* In your layout or _app */}
<Script src="https://getwaitly.com/widget.js" strategy="afterInteractive" />

{/* Where you want the form */}
<div className="gw-widget" data-waitlist-id="your-id" />

{/* Popup trigger */}
<button className="gw-trigger" data-waitlist-id="your-id">Join waitlist</button>

Zapier & automation

Want to forward new signups to Slack, Google Sheets, Mailchimp, Discord, or 5,000+ other apps? See the Zapier guide.