# 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?

1. You want a no-code solution
2. You want to get up and running quickly
3. 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.

<figure><img src="/files/sr0hIgyCJjqvgrreAZ4u" alt="" width="563"><figcaption></figcaption></figure>

#### Step 2. Find and copy the script

On the form builder page, click on "Get embed code" in the form preview box.

<figure><img src="/files/xzDLVLSSST7agYq04U6L" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/sfnqz3nG1fBv2bfpWqgp" alt=""><figcaption></figcaption></figure>

You can also copy and paste the code below:

```html
<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 :arrow\_left:

<figure><img src="/files/oYtGrIUCiM6UX3rIQy28" alt=""><figcaption></figcaption></figure>

#### Step 4. Find and copy the html div

Copy this div and paste it into your website wherever you want your form to appear.

<figure><img src="/files/Ckziosc9KrLGf3cmg7WH" alt=""><figcaption></figcaption></figure>

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:

```html
<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. :arrow\_left:


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.waitlisty.io/embeddable-form/embed-your-form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
