Embed Your Form
With Waitlisty's no-code form builder, you can create a customized, embeddable form in less than 5 minutes!
Embeddable Form
Our embeddable form is an excellent way to get up and running quickly. Collect an email or a name and email. Customize font colors, sizes, borders and placeholder text. Then all you need to do is copy and paste two lines of code into your website.
When to use the embeddable form?
You want a no-code solution
You want to get up and running quickly
You only need to collect a name and an email
How do I embed the form in my website?
The embeddable form requires that two lines of code be copied and pasted into your website. You will need to paste the script snippet into the <head /> of your website and then paste the form <div> snippet into the space / page where you want your form to appear. Your form will be displayed as an iframe in your website.
Step 1. Visit the Form builder page
From your projects dashboard, find and click the Form builder link.
Step 2. Find and copy the script
On the form builder page, click on "Get embed code" in the form preview box.
You can also copy and paste the code below:
<script src="https://jzcjrtlxrpzxgszlwttl.supabase.co/storage/v1/object/public/formbuilder_v2/formBuilder_v2.js" defer></script>Step 3. Find and copy the css <link>
The css link will be pasted into the <head> of your site's homepage. Check out our documentation for specific frameworks ⬅️
Step 4. Find and copy the html div
Copy this div and paste it into your website wherever you want your form to appear.
This snippet will work with the script that you pasted earlier. It will pull the appropriate waitlist from the server and load as an iframe on your website. You can also paste this snippet:
<div class="waitlisty-widget" data-key-id="FORM_CODE"></div>Replace FORM_CODE with the unique code of your custom form (found on the form builder page).
Framework references
We have references for specific frameworks. Check out the table of contents on the left side of your screen. ⬅️
Last updated