Article

How to Add a Waitlist to Webflow (Code Embed Guide)

Add a GetWaitly waitlist to Webflow with the Code Embed element or site-wide footer code — inline form or popup. Includes the paid Site plan requirement and fixes.

AAymane E.·October 4, 2026·7 min read

A designer working on a Webflow page on a laptop, representing embedding a waitlist form

You built your pre-launch page in Webflow and now you need a signup form that actually works — tracking referrals and sending emails, not just dumping addresses somewhere. GetWaitly's widget drops into Webflow with two lines of code.

There is one Webflow rule to know up front: custom code needs a paid site plan to run. Here is the full setup, both for an inline form and a popup.

The short answer

Add a Code Embed element where you want the form and paste your GetWaitly snippet, or put the script in Site settings → Custom code → Footer to load it site-wide. Publish. Custom code only runs on a paid Webflow Site plan (Basic or higher) or a paid Workspace — it will not run on a free webflow.io staging site. Total time: 5 minutes.

What you need

A GetWaitly account with a waitlist created (free plan covers 100 subscribers).
Your waitlist's public ID from the Widget/Embed section of the dashboard.
A Webflow site on a paid Site plan (or a paid Workspace) if you intend to publish custom code. On the free Starter plan, Webflow lets you add code in the Designer but strips it on the published site.

Step 1 — Get your embed code

In GetWaitly, open the waitlist and go to Widget. Copy:

Script tag:

<script src="https://getwaitly.com/widget.js" defer></script>

Container div:

<div class="gw-widget" data-waitlist-id="YOUR_WAITLIST_ID"></div>

Use the waitlist's public ID, not the URL slug.

Step 2 — Choose where the form lives

Option A — Inline form on one page (recommended)

Open your Webflow project in the Designer. Go to the page where you want the form. Open the Add panel (the plus icon) and drag a Code Embed element onto the canvas where the form should appear.

Double-click the embed, paste both lines, and click Save & Close:

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

Give the Code Embed element a width in the Style panel — the widget fills whatever width it is given. Height can stay auto.

Publish the site, then open the published page in a private window. The Designer shows a placeholder; the live page renders the form.

Option B — Popup on every page

If you want a button that opens the form in a modal anywhere on your site, load the widget script once globally and place the trigger button where you want it.

First, go to Site settings → Custom code and paste the script into the Footer code box (before </body>):

<script src="https://getwaitly.com/widget.js" defer></script>

Save. Then add a Code Embed element (or a button) where the trigger should appear, with:

<button class="gw-trigger" data-waitlist-id="YOUR_WAITLIST_ID">Join waitlist</button>

This is a strong fit for a nav CTA, a hero button, or a sticky element.

Step 3 — Publish and test

Publish your Webflow site. Open the live page in a private window and submit a test email. Confirm the success message appears and the subscriber lands in your GetWaitly dashboard.

If you see an empty box instead of the form, the usual cause is the plan: custom code does not run on the free Starter site plan. Upgrade the site to a paid Site plan (or use a paid Workspace) and publish again.

Webflow-specific gotchas

Free plan strips code. The Code Embed element and Site settings custom code are visible in the Designer on any plan, but they only execute on a published site with a paid Site plan or a paid Workspace.
Use the Site plan, not just the Workspace plan. The Code Embed element needs an active Site plan for that specific website. A paid Workspace alone does not publish custom code to a site on the free Starter plan.
Code Embed supports HTML, CSS, and JS only — no PHP or server-side languages. The GetWaitly snippet is plain HTML and JavaScript, so it fits.
CMS pages. If you want the form on a CMS Collection template, put the Code Embed in the Collection page or use a dynamic embed. The widget snippet itself is static.

Alternative: no custom code

If you would rather not upgrade to publish custom code, or you simply want a link instead of an embedded form, use GetWaitly's hosted page. Publish it at getwaitly.com/w/your-id, customize the branding, and link to it from your Webflow buttons. The signup lives on GetWaitly's domain instead of yours, but there is no code to maintain.

FAQ

Does the GetWaitly widget work on Webflow's free plan?

The code can be added in the Designer, but it will not run on a published free (webflow.io) site. Custom code requires a paid Webflow Site plan (Basic or higher) or a paid Workspace. GetWaitly itself works on any plan, including its free tier.

Where do I paste custom code in Webflow?

Two places: a Code Embed element for code in a specific spot on a page, and Site settings → Custom code → Footer for code that should load across the whole site. For an inline waitlist form, use the Code Embed element.

Why is my Webflow embed showing an empty box?

Almost always the plan. Custom code is stripped on free Starter sites. Upgrade the site to a paid Site plan, republish, and check the live page — not the Designer preview, which shows a placeholder.

Can I make the waitlist a popup in Webflow?

Yes. Load the widget script in Site settings → Custom code → Footer, then add a Code Embed with a gw-trigger button wherever you want the trigger. Clicking it opens the form in a modal.

Will the widget match my Webflow design?

It inherits your GetWaitly accent color and font, not your Webflow styles. You control its width and placement from the Code Embed element's parent. If you need pixel-perfect control, use GetWaitly's no-JavaScript form action or design a custom form and post to the join endpoint.