> For the complete documentation index, see [llms.txt](https://docs.satisfilabs.com/resource-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.satisfilabs.com/resource-center/marketing-engine/templates-and-landing-pages/landing-page-template-with-a-form/embed-a-landing-page-form-to-ai-agent-engine.md).

# Embed a Landing Page / Form to AI Agent Engine

## **Overview**

This article walks you through the process of publishing a landing page in the Satisfi Labs Marketing Engine and embedding it into a **Prewritten Response** within the Satisfi Labs platform using an iFrame.

### Step-by-Step Instructions <a href="#step-by-step-instructions" id="step-by-step-instructions"></a>

#### 1. **Create Your Landing Page** <a href="#id-1.-create-your-landing-page" id="id-1.-create-your-landing-page"></a>

* Navigate to the **Marketing Engine** and [create your landing page](https://docs.satisfilabs.com/resource-center/marketing-engine/templates-and-landing-pages/landing-page-template-with-a-form) as needed.
* Once completed, click **Publish**.

#### 2. **Copy the Landing Page URL** <a href="#id-2.-copy-the-landing-page-url" id="id-2.-copy-the-landing-page-url"></a>

* After publishing, you will see the "Your Landing Page was published" screen.
* Use the **Share Link** section to **copy the URL**.

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

#### 3. **Create a New Prewritten Response** <a href="#id-3.-create-a-new-prewritten-response" id="id-3.-create-a-new-prewritten-response"></a>

* Open your **Satisfi Labs Admin Account**.
* Go to the **Responses** section and click **Create New**.
* Choose the response type as **Prewritten**.

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

#### 4. **Add Text and Embed the Landing Page** <a href="#id-4.-add-text-and-embed-the-landing-page" id="id-4.-add-text-and-embed-the-landing-page"></a>

* In the response editor, write your desired text (e.g., "Please fill out this form").
* Click **Add Button** and configure it as follows:
  * **Button Action**: Use **URL (iFrame)**
  * **URL**: Paste the copied Landing Page URL
* Provide **input training** by adding a few example user inputs that should trigger this response.

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

#### 5. **Save & Publish** <a href="#id-5.-save-and-publish" id="id-5.-save-and-publish"></a>

* Click **Save & Publish** to activate your response.
* Test it by entering your input in the chat interface and ensure:
  * The matching **response\_name** appears.\
    \
    ![](/files/31vLvOo0uMsuHVeoYqFO)<br>
  * When the button is clicked, the landing page loads **within the chat window** via iFrame.

    &#x20;

    <div align="left"><figure><img src="/files/ZFRSy22u8TQ2KJny83FN" alt="" width="372"><figcaption></figcaption></figure></div>

    &#x20;

### Result <a href="#result" id="result"></a>

* Users typing trained input will trigger the new **Prewritten Response**.
* Clicking the embedded button will display the form seamlessly **inside the chat**.