# Create a Chatbot

A Chatbot is an AI assistant you build inside i10x.ai and deploy anywhere - your website, your help centre, your landing page.

Your visitors can ask it questions, get instant answers, and interact with your brand 24/7. You control what it knows, how it responds, and what it looks like.

{% hint style="info" %}
💡 Unlike Agents (which are private), Chatbots are designed to be shared. Embed them on your website or share the public URL with anyone.
{% endhint %}

### How to Create a Chatbot

1. Click "Agent Builder" in the left sidebar and select "Create Chatbot."
2. Fill in the chatbot details (see settings guide below).
3. Click "Save Chatbot."
4. Your chatbot appears in "My Chatbots" with a "Ready" status.
5. Click "Integrate" to get your embed code and deploy it.

### Chatbot Settings Explained

| Settings               | What It Does                                                                                  | Tips                                                                                                        |
| ---------------------- | --------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
| **LLM**                | The AI model that powers your chatbot                                                         | GPT-4o Mini is a great default - fast, reliable, and cost-efficient for conversational tasks.               |
| **Name**               | The display name of your chatbot                                                              | Use something recognizable to your visitors - e.g. "Support Bot" or "Ask \[Your Brand]."                    |
| **Description**        | A brief explanation of what your chatbot does and who it's for                                | E.g. "Answers customer questions about products, orders, and support."                                      |
| **System Prompt**      | The internal instructions that define your chatbot's role, tone, and behaviour                | This is the most important field. It defines everything about how your bot responds.                        |
| **Knowledge Base URL** | A public webpage (e.g. your help centre or docs) for the chatbot to use as a knowledge source | Add your website, docs, or FAQ page so the bot answers from your actual content. You can add multiple URLs. |
| **Chatbot Image**      | An icon or avatar for your chatbot                                                            | Upload a JPG or PNG up to 5MB.                                                                              |

### Deploying Your Chatbot

Once your chatbot is saved and showing "Ready" status, click "Integrate" to access three deployment options:

<details>

<summary>📜 Script (Floating Widget)</summary>

Adds a floating chat bubble to your website — the most common way to deploy a chatbot.

1. Choose your widget position: Bottom Right, Bottom Left, Top Right, or Top Left.
2. Copy the script tag.
3. Paste it into the or before the tag of your website's HTML.
4. The chat widget will appear instantly on your site.

Best for: Adding a support or sales chatbot to any website.

</details>

<details>

<summary>🔗 Public URL</summary>

A direct link that opens your chatbot in a new browser tab.

Copy the URL and share it anywhere - in an email, a social media post, a QR code, or a button on your website.

Best for: Sharing your chatbot without embedding it, or testing it before deployment.

</details>

<details>

<summary>🖼️ iFrame Code</summary>

Embeds the chatbot directly inside a specific section of your webpage - not as a floating widget, but as a fixed element within your page layout.

Copy the iFrame code and paste it into any HTML block on your website where you want the chatbot to appear.

Best for: Embedding a chatbot inside a dedicated support page, a product page, or a landing page section.

</details>

### Chatbot Ideas to Get You Started

| Chatbot Name             | System Prompt Focus                                                                       | Knowledge Base URL                     |
| ------------------------ | ----------------------------------------------------------------------------------------- | -------------------------------------- |
| **Customer Support Bot** | Answer questions about products, orders, delivery and returns politely and clearly        | Your help centre or FAQ page           |
| **Lead Generation Bot**  | Qualify website visitors by asking about their needs and collecting their contact details | Your product or services page          |
| **Onboarding Bot**       | Guide new users through getting started with your product step by step                    | Your documentation or onboarding guide |
| **Sales Assistant**      | Answer questions about pricing, features and comparisons to help visitors make a decision | Your pricing and features page         |
| **Knowledge Base Bot**   | Answer internal team questions based on company documentation                             | Your internal wiki or Notion page      |

{% hint style="info" %}
✅ Try This Now:

1. Click "Create Chatbot."
2. Select GPT-4o Mini as the LLM.
3. Name it: "Support Bot."
4. In the System Prompt, type: "You are a helpful and friendly customer support assistant. Answer questions clearly and politely. If you don't know the answer, say so and suggest the user contacts the support team."
5. Add your website URL as the Knowledge Base URL.
6. Click "Save Chatbot" → then "Integrate" → copy the Script and paste it on your website.

Your AI-powered support chatbot is now live.
{% endhint %}


---

# 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://knowledge.i10x.ai/agent-builder/create-a-chatbot.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.