> For the complete documentation index, see [llms.txt](https://developers.chathive.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developers.chathive.app/sdk/ai-form.md).

# AI form

The AI Form SDK makes it easy to embed your AI form into your application. It offers powerful features to customize the look and feel, ensuring the form blends seamlessly with your app.

## Installation

The AI form is already included with the Oniroco SDK. If you haven't installed it into your application, first follow the [SDK installation guide](/sdk/getting-started.md).

## Setup <a href="#installation" id="installation"></a>

To setup the AI form, call the constructor to initialise your AI form. There are many options you can pass to the constructor. See the [configuration documentation](/sdk/ai-form/configuration.md) for more details.&#x20;

```typescript
const aiForm = new Chathive.AIForm({ apiKey: "YOUR_API_KEY" });
```

{% hint style="info" %}
**Good to know:** For single-page apps, ensure this is executed after the SDK has fully loaded.
{% endhint %}

After initializing your AI form, you can embed it into your application. Ensure this is done after the `selector` element has rendered. The `selector` is a required parameter and uses `document.querySelector` to locate the HTML tag where you want to embed the form.

{% code overflow="wrap" %}

```typescript
aiForm.embed({ selector: "#embed" })
    .then(() => console.log("AI form is embedded"));
```

{% endcode %}