# Embed Your AI Agent in 5 Steps

If you want to use your embed as a chatbot, you need to follow these steps:

#### Step 1 - Sign In

Log in to your Aicado account to access AI agents.

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

#### Step 2 - Create AI Agent

Click "Create Your AI Agent" button. In the pop-up that opens, enter a name and description for your AI agent. (This will simply make it easier to find your AI agent in Aicado. You can change it later.)

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

#### Step 3 - Customize your AI agent

Customize the AI agent to your needs - adjust its personality, knowledge base, and skills. Check [here](/creating-ai-agent/styling.md) for more detailed information.

<figure><img src="/files/CL7jQsL0DyXba8nxNOG2" alt=""><figcaption><p>Styling tab for AI Agent</p></figcaption></figure>

#### Step 4 - Copy Embed Code

After customization and training, you can put it on any page you want or use it as an AI agent.

> *Make sure that the bounded domain is the domain of the application (preview url) where you will use your AI agent. Otherwise, your AI agent will not work.*

If you want to use it as a chat bubble, you can choose your AI agent's alignment, avatar, opening message, speech bubble font, and background color from the "Snapped" section in the "Publish" tab.

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

If you want to use it by embedding it on the page, copy the code in the "Embed" section in the "Publish" tab.

<figure><img src="/files/66nvsVxgJunydfuCFe2C" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Check [here](/creating-ai-agent/publish.md) for more detailed information.
{% endhint %}

#### Step 5 - Paste it into your app

If you want to use it as a chatbot, go to "Settings" in your Bubble app. Paste the header and body codes you copied from Aicado into the relevant fields in the “SEO/metatags” tab.

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

If you want to embed it on the page, paste the code you copied from the "Embed" section into the HTML element.

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

That's it! Your AI Agent is ready.

Above, we're using Bubble as an example to illustrate where the embed code should be placed. If you’re using another platform, the process is similar — simply paste the embed code into the appropriate section of your site (such as an header, or body).

This way, your AI Agent will appear correctly no matter which platform you’re using.


---

# 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.aicado.ai/creating-ai-agent/embed-your-ai-agent-in-5-steps.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.