> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/marketing/forms/embed-a-kajabi-form-on-an-external-webpage",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Embed a Kajabi Form on an external webpage

> Embed Kajabi Forms onto external webpages to build your list and gain subscribers.

Spread your reach, build your list, and gain subscribers by embedding your **Forms** to virtually any page on the web.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/1xm9q2a9jh" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Note:**
  Although the embed code works well on most external webpages, the embedded Form may not function properly on all external pages. External page code may break the embed or disallow the Form from being embedded. This is dependent on the page where you paste the embed and not an issue with the Kajabi embed code.
</Note>

## Find the embed code

1. Open the **Marketing** tab.
2. Select **Forms**.
3. Edit an existing Form or [create a new one](./create-and-build-your-form).
4. Select the **Embed** tab from the top menu of the Form Editor.
5. Click the copy icon next to **Embed your form with one line of javascript:**

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/qnipqpxfd8" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

## Paste the embed code

Paste the embed code in the source code of the external page where you want the Kajabi Form to appear:

1. Paste the embed code into the source code of your external web page.
2. If you are using the inline style, the location of this embed code determines where the **Form** is located on the page.
3. **Save** and refresh the page.

## Embed settings

Customize the design and copy for your embedded Form. You can replace the default **Title** (i.e., Join the Newsletter) and **Subtitle** for your Form when embedding it on an external page:

1. Edit the Form **Title**, **Subtitle**, and **Button Text**.
2. Choose the color for the button, background, and text.
3. **Save** your changes before copying the embed code.

## Embed style

After customizing the Form **Settings**, you can select the Form **Style**.

Style determines how the embedded Form displays on the web page:

* **Inline embeds** display within the web page
* **Pop-up Forms** display as a pop-up on the page

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/uqu4cog0n1" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

## Pop-up Form settings

Customize additional settings for a pop-up style Form:

* **Loading Delay** — how many seconds before the pop-up appears
* **Frequency** — don't show the pop-up to return visitors for this number of days

<img src="https://mintcdn.com/kajabi-support/0dktLU6n0E_nSYxP/articles/images/860d68b9_upload_9220232789406279343.png?fit=max&auto=format&n=0dktLU6n0E_nSYxP&q=85&s=8fa9fe081bf47a5daf9a216cdf14d3c2" alt="Pop-up form settings" width="2352" height="856" data-path="articles/images/860d68b9_upload_9220232789406279343.png" />