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

# Build Your First Agent

> Now that you're familiar with the myIDFI AI dashboard, it's time to create your first AI support agent.

Follow these steps to build your first **Chat Agent**:

## 1. Go to AI Agents

From the left-hand sidebar, navigate to the **AI Agents** section and click on **Create Your Mortgage Agent**.

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/chat_agents.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=5d4bdcea8079ed6694bfcede533b66d9" alt="Chat Agents section" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1920" height="573" data-path="images/createAgent/chat_agents.webp" />

<Note> You can also manage, edit, update, or deactivate your existing chat agents from this section anytime.</Note>

## 2. Name Your Agent

Enter a simple and clear name for your agent, like **Support Agent** or **AI Assistant**. This helps keep things organized, especially if you create multiple agents later.

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/name_agent.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=fd2e35aa5e9c34b7ea575d9f2b19c995" alt="Name Your Chat Agent" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="840" height="530" data-path="images/createAgent/name_agent.webp" />

After entering a super cool name for your chat agent, click on **Create Agent** to build your agent and proceed with the setup process.

It takes just a few seconds to create one and move to the next step where you can start training it using your own data.

## 3. Upload Your Data

To help your AI agent respond accurately, you can train it using a variety of content sources.

Here's what you can add:

* Add your website or sitemap
* Upload files like PDFs.
* Add direct URLs to key pages or knowledge bases
* Paste text or question-answer pairs manually.
* Add videos or audio content

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/knowledge_sources.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=4bd3f3f5ed114319e4478cbcf9650116" alt="knowledge Sources" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1920" height="919" data-path="images/createAgent/knowledge_sources.webp" />

#### Start with Your Website:

You can start training your chat agent by importing content directly from your website or sitemap. Just click “**Add Source**” under the **Website** option to get started.

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/start_with_your_Website.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=008b2d03f1b5a22d79fbb05306437c9b" alt="Fetching Content from Your Website." className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1920" height="1030" data-path="images/createAgent/start_with_your_Website.webp" />

Paste your website URL and click “**Fetch**”. Our AI engine will automatically crawl your site and pull in useful content from pages like product details, services, and blogs. It’s a quick way to give your agent a solid knowledge base without manual effort.

After that, you can:

* Select specific links to use for training.
* Or click Save Links to include all of them.

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/save_specific_links.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=51733740ea3421d0fdb25b955a50c104" alt="Save fetched Content from Your Website." className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1920" height="546" data-path="images/createAgent/save_specific_links.webp" />

Once done, hit the **Done** button to return to the **Knowledge Sources** section.

<Note> You can also train your agent using direct links, file uploads, or plain text. We'll explore each of these methods in detail on the dedicated [Knowledge Sources](/user-guides/Knowledge_sources) page.</Note>

Once you’ve saved your website links, click the **Preview** button in the Knowledge Sources section to view all the content that will be used to train your chat agent.

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/preview_button.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=fab76dd3dbef00581d814c2c7440c876" alt="Click Preview Button" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1630" height="784" data-path="images/createAgent/preview_button.webp" />

After reviewing your saved data, click “**Create My Agent!**” to start training your chat agent using your own content.  You’ll then move on to the **Appearance** section.

## 4. Customize Your Agent

In the **Appearance** section, you’ll get a **Preview URL** where you can test your chat agent live.

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/preview_url_agent.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=613f7eecf8562b806d2212a09e870557" alt="Preview URL to test Chat Agent" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1920" height="384" data-path="images/createAgent/preview_url_agent.webp" />

Copy and open this URL in a browser tab to interact with your agent.

You’ll also find several settings to customize the look and feel of your agent, making sure it aligns perfectly with your brand identity.

You can upload your logo, set the preferred language, update the agent’s name, choose a primary color, and switch between light and dark themes.

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/appearance.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=6eade330e49b1ec5804a75ba46d5480c" alt="Customizable Appearance" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1910" height="780" data-path="images/createAgent/appearance.webp" />

We’ll cover all these customization options in detail in the **Appearance** section of this documentation.

## 5. Deploy Your Agent

Once you're satisfied with how your chat agent performs, you can easily integrate it into your website using either of the two methods available under the **Connect** tab in the myIDFI AI dashboard:

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/integrate_agent.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=078753a0d56a52d6790f148dd2272826" alt="myIDFI AI's Chat Agent Integration" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1628" height="713" data-path="images/createAgent/integrate_agent.webp" />

#### 1. Script Tag (Floating Chat Bubble)

This adds a floating chat bubble to your website.

* Simply copy the provided `<script>` tag.
* Paste it inside the `<head>` section of your website’s HTML.

The bubble appears on all pages, letting visitors chat without disrupting layout.

#### 2. iframe Embed (Static Widget Placement)

If you prefer embedding the chat directly into a specific part of your page (like inside a contact section or a dedicated support panel), use the iframe embed option.

* Copy the given `<iframe>` code.
* Paste it wherever you want the chat widget to appear within your page.
* You can adjust:
  * `width` and `height` attributes
  * CSS styles like `border-radius` or `box-shadow`
  * Add an `i`d`or`class\` for custom styling

This method offers more control over placement and design flexibility within your existing layout.

## 6. Live Preview

Want to see how the chat agent will appear on your site? Here’s a quick preview of the Iotric **AI Assistant** we just created, embedded on a webpage:

<img src="https://mintcdn.com/myidfi/8dMgkSstMCZ6onDl/images/createAgent/live_preview.webp?fit=max&auto=format&n=8dMgkSstMCZ6onDl&q=85&s=cc79e6c2f3eb83b4a32fa474f2fb48d8" alt="Live preview of floating chat bubble" className="rounded-xl border-4 border-blue-100 dark:border-blue-300" width="1920" height="1080" data-path="images/createAgent/live_preview.webp" />

This is exactly how it will look and function once the widget is added to your site using the **script tag method** to display a floating chat bubble.

With everything set up, your chat agent will be ready to support your customers 24/7, helping you deliver a smooth and consistent customer experience. As you’ve seen, the entire process takes just a few simple steps that anyone can follow, even without technical skills.

This simplicity is what makes myIDFI AI a powerful solution for expanding AI-driven customer support across industries of all types.

Now that your first agent is live, here’s what you can explore next to enhance its performance and usability.

<Columns cols={2}>
  <Card title="Knowledge Sources" icon="book-open" href="/user-guides/Knowledge_sources" arrow="true" cta="Click here">
    Manage and update the data your agent learns from.
  </Card>

  <Card title="Integration" icon="workflow" href="/integrations/calendly" arrow="true" cta="Click here">
    Connect your agent to external tools and workflows.
  </Card>
</Columns>

<Columns cols={2}>
  <Card title="Analytics" icon="trending-up" href="/user-guides/analytics" arrow="true" cta="Click here">
    Track how your agent is performing. View total conversations, resolution rates, and growth trends.
  </Card>

  <Card title="Chat Logs" icon="history" href="/user-guides/chatlogs" arrow="true" cta="Click here">
    Use chat logs to improve agent responses, spot gaps in training, and ensure consistent support quality.
  </Card>
</Columns>
