HTML

To integrate with your HTML website, follow the guide below.

Integration Guide

Go to your Waitlist Dashboard, navigate to the Waitlist, into the Widget Builder, and click the "Get Embed Code" button.
The window that pops up will give you a small code snippet to copy. Click the copy button.
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.
Open it up in a browser and try it out!

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 customization, check out the Widget Embed Options.

Check out the list of no-code platforms we support