Integrate a Waitlist into your HTML Website

This guide teaches you how to integrate a no-code Waitlist Widget into your HTML website.

Integration Guide

  1. Go to your Waitlist Dashboard, navigate to the Waitlist, into the Widget Builder, and click the "Get Embed Code" button. Waitlist dashboard: widget builder interface

  2. The window that pops up will give you a small code snippet to copy. Click the copy button. Waitlist dashboard: copy code from widget builder

  3. Paste the snippet into your code editor, wherever makes sense for the Waitlist to be on the page. Importantly, you need to paste the three lines exactly in the same order. Pasting the code snippet into an editor

  4. Open it up in a browser and try it out! Browser example with Waitlist Widget

Copy-Pastable Code Example

Copy-pastable Code

    <html>
    <head>
        <title>
            This is a Test Page for the GetWaitlist Instructions
        </title>
    </head>
    <body style='background-color: #c6c6e6; margin-left: 3rem;'>
    <div style="font-weight: bold; font-size: 24px;">
        Hello World!
    </div>
    <p>
        The purpose of this page is to show you how to embed the widget on a HTML page.
    </p>
    <p>
        Here's another paragraph.
    </p>
    <div id="getWaitlistContainer" data-waitlist_id="71"></div>
    <link rel="stylesheet" type="text/css" href="https://prod-waitlist-widget.s3.us-east-2.amazonaws.com/getwaitlist.min.css"/>
    <script src="https://prod-waitlist-widget.s3.us-east-2.amazonaws.com/getwaitlist.min.js"></script>
    </p>
    And that's it! Pretty simple, right?
    <p>
    </body>
    </html>

Customization

For more waitlist form customization, check out the Widget Embed Options.