Help Home Docs FAQ's

HTML integration

LaunchList widget works seamlessly with the HTML page. This method works on all sites. You can use the Embed widget or build your form to integrate the widget. Follow the below guide to integrate the widget.

Step 0 - Get form key
To integrate the embed widget on the HTML website, first, you need a LaunchList form key which you can get from integration page. Form key

Embed Widget

Step 1 - Add a widget script into <head> section of your website

  • Add the below script into the <head> section.
<script src="https://getlaunchlist.com/js/widget.js" defer></script>

Step 2 - Add the form code where you want to display the form

  • Make sure you have replaced the FORM_KEY with your key from step 0 in the below code
<div class="launchlist-widget" data-key-id="FORM_KEY" data-height="180px"></div>

Once set up, you'll see instantly see the widget on your website.

Codepen embed widget example

Custom Form

Step 1 - Add a widget script into <head> section of your website

  • Add the below script into the <head> section.
<script src="https://getlaunchlist.com/js/widget-diy.js" defer></script>

Step 2 - Build your form

  • Customize the form with your CSS
  • You can add multiple input fields if want to collect extra details
  • Make sure your form has a class name "launchlist-form" and the method is set to "POST"
  • Make sure you have replaced the FORM_KEY with your key from step 0 in the below code
<form class="launchlist-form" action="https://getlaunchlist.com/s/FORM_KEY" method="POST">

    <input name="name" type="text" placeholder="Enter your name" />
    <input name="email" type="email" placeholder="Enter your email" />
    
    <button type="submit">Join Waitlist</button>
    
</form>

Once set up, you'll see instantly see the widget on your website.

Codepen custom code example

Did you find this page useful?
Grow your waitlist 10x faster

Install waitlist form in less than 5 minute.

Get Started