HTML No-Code Integration Instructions for Waitlist
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.