HTML No-Code Integration Instructions for Waitlist

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

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

Check out the list of no-code platforms we support