GetWaitly
Back to guides

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.

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

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

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

🌐 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.
<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.
<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.
<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.
<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.
<div class="gw-widget" data-waitlist-id="your-id"></div>
<script src="https://getwaitly.com/widget.js" defer></script>

🟠 Wix

  1. In the Wix editor, go to Add → Embed → Custom Embeds → Embed a Widget.
  2. Choose Embed HTML and paste the embed code.
  3. The widget only works via iframe on Wix — use the hosted page URL instead:
<iframe src="https://getwaitly.com/w/your-id" width="100%" height="600" frameborder="0"></iframe>

⬛ 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.
<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.
<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.
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-slug and className="gw-widget" where you want the form.
  3. For popups, add a button with className="gw-trigger".
{/* 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

Connect GetWaitly to 5,000+ apps via Zapier using webhooks. Forward new signups to Slack, Google Sheets, Mailchimp, Discord, and more — no code required.

Step 1: Get your webhook URL

  1. Go to Settings → Webhooks in your waitlist dashboard.
  2. Add a webhook URL (leave it as a placeholder for now — e.g., https://hooks.zapier.com/...).
  3. Copy the webhook URL you'll create in Zapier into this field.

Step 2: Create a Zap

  1. Go to Zapier and click Create Zap.
  2. Choose Webhooks by Zapier as the trigger app.
  3. Select Catch Hook as the event.
  4. Copy the webhook URL Zapier gives you and paste it into your GetWaitly webhook settings.
  5. Back in Zapier, add your action: Slack, Google Sheets, Mailchimp, Discord, etc.

Step 3: Test & turn on

Sign up on your waitlist to trigger a test event. Zapier will receive the webhook payload and you can map the fields in your action step. Turn on your Zap when it looks good.

Webhook payload

{
  "event": "signup.new",
  "email": "visitor@example.com",
  "name": "Alex",
  "referralCode": "abc123defg",
  "position": 42,
  "referredById": null,
  "timestamp": "2026-08-06T12:00:00.000Z"
}

Events: signup.new (single opt-in), signup.confirmed (double opt-in), referral.new (when someone refers a friend).