# How to add a waitlist to Wix

> Put a LaunchList signup form on a Wix site with the Embed HTML element, open it as a popup with site-wide Custom Code on a Premium plan, or link a button to your hosted page.

Source: https://getlaunchlist.com/help/docs/integrations/wix

---

Wix gives you three ways to add LaunchList. Pick by what your Wix plan allows.

| Method                                                         | Where it goes                      | Wix plan                                                |
| -------------------------------------------------------------- | ---------------------------------- | ------------------------------------------------------- |
| [Embed HTML element](#add-the-form-with-an-embed-html-element) | One spot on one page, in an iframe | No plan requirement stated by Wix; check on a free site |
| [Custom Code](#site-wide-with-custom-code)                     | The real page, as a popup          | Premium, with a connected domain and a published site   |
| [A link to your hosted page](#link-to-your-hosted-page)        | Any button or text link            | Any                                                     |

Wix Bookings and Wix Events have waitlists of their own, for full classes and full events. They do a
different job from a pre-launch waitlist.

## Add the form with an Embed HTML element

Wix's **Embed HTML** element takes your snippet as code. Wix says the element is an
[iframe](https://support.wix.com/en/article/wix-editor-embedding-a-site-or-a-widget): it loads only
HTTPS content, it has the fixed size you give it, and it does not adjust itself for mobile.

1. In LaunchList, open **Embed & API → Your website**, choose **Wix** under **What is your site built with?**, pick your form if you have more than one, and copy the **Inline** snippet it shows.
2. In the Wix Editor, click **Add Elements** (**+**), choose **Embed Code**, then **Popular Embeds**,
   and pick **Embed HTML**.
3. Click the element on the page, click **Enter Code**, and paste the snippet under **Add your code
   here**.

![Embed & API, Your website, with the inline snippet to copy under Add your signup form.](https://app.getlaunchlist.com/images/docs/integrations/overview/01-embed-snippet.webp "Copy your snippet from Embed & API, Your website.")

```html
<!-- frm_8Kd2Qm4Rp9 is an example ID; use your own from Embed & API → Your website -->
<div data-launchlist-form="frm_8Kd2Qm4Rp9"></div>
<script src="https://embed.getlaunchlist.com/v1/embed.js" async></script>
```

4. Click **Apply**.
5. Drag the element's handles until the whole form fits, with room below it for error lines and the
   success message. Anything taller than the box scrolls inside it.
6. Switch to the mobile view in the editor and size the element there too.
7. Publish, open the live site, and submit a test signup. It appears in **Audience** within a second.

These are the labels in the classic Wix Editor. Wix Studio and the newer Wix editor name the same
element differently (an **Embed code** element in the **Embed** category of the Add panel); the
steps after that are the same.

> [!NOTE] On the free plan, check before you build around it
> Wix's help centre states no plan requirement for Embed HTML. If your site is on the free plan, add
> the element and publish once to confirm the form shows. If it does not, use a link to your hosted
> page.

### Choose what happens after signup

This is set on the form in LaunchList, not in Wix. Because the form sits in an iframe, the **Status
page** or a **Link** would open inside the small Embed HTML box. In the form editor, set **After
signup** to **Message** instead, which replaces the form inside the box. Make the box tall enough for
it.

### What the iframe changes

- **Referral codes.** The form inside the iframe cannot read your Wix page's address, so a `?ref=`
  code on a link to your Wix page is not seen and the referrer is not credited. If your signups share
  links to your Wix page, collect signups with the [Custom Code](#site-wide-with-custom-code) popup,
  or send referral links to your hosted page.
- **Popups.** A popup opened from inside an Embed HTML element covers only that element, not the
  page.
- **Styling.** The form takes the design you pick in the LaunchList form editor, under **Design**.
  Wix's theme does not reach it.

## Site-wide with Custom Code

Wix's **Custom Code** setting puts the LaunchList script on the real page, not in an iframe. Wix
requires a [published site with a connected domain](https://support.wix.com/en/article/embedding-custom-code-on-your-site),
and connecting a domain takes a Premium plan.

Wix gives you no way to place a `<div>` at a chosen spot on the page through Custom Code, so this
method is for a **popup** that opens on its own: after a few seconds, after the visitor scrolls, or
when they move to leave the page.

1. In your Wix dashboard, go to **Settings**, then **Custom Code** in the **Advanced** section.
2. Click **+ Add Custom Code**, give it a name, and paste:

```html
<script src="https://embed.getlaunchlist.com/v1/embed.js" async></script>
<div
    hidden
    data-launchlist-popup="frm_8Kd2Qm4Rp9"
    data-trigger="time"
    data-delay="8"
></div>
```

3. Under **Add Code to Pages**, choose **All pages**, or only the pages that should show it.
4. Under **Place Code in**, choose **Body - end**.
5. Click **Apply**, then open the live site and wait for the popup.

`data-trigger` takes `time` (with `data-delay` in seconds, 5 if you leave it out), `scroll` (with
`data-scroll` as a percentage of the page, 50 if you leave it out) or `exit` (the pointer leaving the
top of the window, on desktop only). A visitor sees it at most once every 7 days, or every
`data-cap` days if you set it, and never again after they sign up.

Because the script runs on the real page, it reads a `?ref=` code from the address, so a signup
through this popup credits the referrer. A signup through an Embed HTML form does not: that form runs
in its own iframe and cannot read what this script stored.

> [!WARNING] Custom Code does not run in the editor or the preview
> Wix only runs Custom Code on the published site. Test it on the live address.

## Link to your hosted page

Every LaunchList project has a hosted launch page at a public address. A Wix button that links to it
needs no code.

1. In LaunchList, open your launch page and click **Publish**. The publish panel shows the page's
   address; copy it.
2. In the Wix Editor, select a button or a piece of text, and click **Link**.
3. Choose **Web Address**, paste the address, and save.
4. Publish your Wix site and click the button to check it.

![The publish panel open over the editor, showing the page's live address and the Publish changes button.](https://app.getlaunchlist.com/images/docs/getting-started/quickstart/05-publish.webp "The publish panel shows the address to copy.")

Referral codes, the status page and every success setting work there as they do on any page
LaunchList hosts.

## If something is not working

| What you see                                       | What to do                                                                                                                                                                   |
| -------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| The form is cut off or has a scrollbar             | The Embed HTML box has a fixed size. Drag it taller in the editor, and check the mobile view separately.                                                                     |
| The status page opens inside the small box         | In the form editor, set **After signup** to **Message**, which shows in place of the form inside the box.                                                                     |
| Nothing shows in the Embed HTML element            | Check you pasted the snippet as code, not as a website address, and that the script address starts with `https://`. If the site is on the free plan, use a hosted-page link. |
| The Custom Code popup never opens                  | Check the site is published on a connected domain and that you are on the live address. A visitor who already saw it waits 7 days; test in a private window.                 |
| A referral is not credited                         | The Embed HTML iframe cannot read `?ref=` from your Wix page. Use the Custom Code popup, or send referral links to your hosted page.                                         |
| The form looks different from the rest of the site | Wix's theme does not reach into the form. Change its look under **Design** in the LaunchList form editor.                                                                       |

## Using the classic LaunchList dashboard

A waitlist made in the classic LaunchList dashboard has its own snippet: a Wix form that sends to `getlaunchlist.com/s/` with its form key. That snippet
keeps working for now and sends signups to the classic dashboard's waitlist, not to a project here.
A classic form key does not work with the snippet on this page.

To bring that waitlist here, [import it into a project](/help/docs/getting-started/import-from-v1),
then replace the classic snippet on your Wix site with the one from **Embed & API → Your website**.
Your signups are copied, and the classic waitlist is not changed.

---

Next: [every way to integrate](/help/docs/integrations/overview) ·
[How to add a waitlist to Squarespace](/help/docs/integrations/squarespace)

## Common questions

### Which Wix plan do I need to add a waitlist?

It depends on the method. Site-wide Custom Code needs a published site with a connected domain, and connecting a domain takes a Wix Premium plan. Wix states no plan requirement for the Embed HTML element, so check it on your own site if it is on the free plan. A button that links to your LaunchList hosted page works on any Wix site.

### Why is the LaunchList form cut off or scrolling inside Wix?

Wix runs the Embed HTML element in an iframe with a fixed size, and the box does not grow with what is inside it. Drag the element taller in the editor, and check its size again in the mobile view.

### Does a referral link to my Wix page credit the referrer?

Not through the Embed HTML element. The form in that iframe cannot read your Wix page's address, so it never sees the referral code. Collect signups with the Custom Code popup instead, or send referral links to your hosted page.

### Can I use Wix's own waitlist instead?

Wix Bookings and Wix Events have waitlists for full classes and full events. They manage seats on something already scheduled, which is a different job from a pre-launch waitlist.