# 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**.


---

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