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

# Build Your First Chat Agent

Build a simple Chat assistant and deploy it on your website either using HTML iframe or Chat type Widget.\
No knowledge base or tools for now — just a quick way to get started.

1. Log in to your Insighto.ai account.

<img src="https://mintcdn.com/insightoai-bc61fe99/GRoZ4w_6wtq8KqHa/images/chat/Chat1.png?fit=max&auto=format&n=GRoZ4w_6wtq8KqHa&q=85&s=53584777ae3ec8ecda8d1a859f9aa579" alt="alt" width="1541" height="919" data-path="images/chat/Chat1.png" />

***

## Start with Creating Assistant

***

2. From the left panel, click on Assistants.

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat2.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=498024fe994f4e82ab9edc1da5d3d00e" alt="alt" width="1541" height="919" data-path="images/chat/Chat2.png" />

***

3. Click the "Create Assistant" button

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat3.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=0fd7fc7cfc9be124309192b30617f163" alt="alt" width="1541" height="919" data-path="images/chat/Chat3.png" />

***

4. Enter a name & Description for your assistant.

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat4.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=1f27cae8ed2486c2a805b2fe2088660c" alt="alt" width="1541" height="919" data-path="images/chat/Chat4.png" />

***

5. Set the Assistant Type to Chat

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat5.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=43aa9bc3ad9dcbf8a3355e17ac7aa1fe" alt="alt" width="1541" height="919" data-path="images/chat/Chat5.png" />

***

6. Go to Model Tab

Under this, the assistant is set to Prompt by default.

The default LLM is GPT-3.5, but you can choose another model from the dropdown.

Adjust the temperature if needed (higher = more creative, lower = more precise).

In the Prompt box, enter a simple instruction like:

> “Greet the user and ask how you can assist them today.” or Add your prompt according to use-case.

💡 You can update this prompt anytime based on your assistant’s role.

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat6.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=324b964b01c4db107bc6fe3d40c8e6dd" alt="alt" width="1541" height="919" data-path="images/chat/Chat6.png" />

***

7. Click on Voice Tab

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat7.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=b0127d945cc3136052ebfcfb1a187d93" alt="alt" width="1541" height="919" data-path="images/chat/Chat7.png" />

***

8. Enable Voice for Your Chatbot

Add a human-like touch to your chatbot by enabling voice interaction! This feature allows users to speak their queries instead of typing—and receive spoken responses from the bot in return.

✅ **What You Can Do in This Step**:\
**Select Supported Languages (Max 4)**\
From the dropdown menu, choose up to 4 languages that your chatbot will support for both speech recognition (input) and voice response (output).

**Choose AI Voices for Each Language**\
For each selected language, pick the AI voice profile your bot will use when speaking responses. These voices are pre-trained for natural tone and clarity, ensuring a smooth user experience.

🛠 **Example**:\
If you select Arabic, English, Hindi, and French, your bot will:

* Understand queries spoken in any of these languages.
* Reply in the same language using the chosen AI voice.

💡 **Tip**: Make sure to select voices that best align with your brand's tone—formal, friendly, professional, etc.

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat8.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=b6d1221fc106f132928740c105539795" alt="alt" width="1541" height="919" data-path="images/chat/Chat8.png" />

***

9. Click on Save & Exit

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat9.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=80bd4ea9db82f014803c6601ba5a1cd0" alt="alt" width="1541" height="919" data-path="images/chat/Chat9.png" />

***

10. 🎉 Congratulations!\
    Your first AI Chat assistant is now configured

<img src="https://mintcdn.com/insightoai-bc61fe99/GRoZ4w_6wtq8KqHa/images/chat/Chat10.png?fit=max&auto=format&n=GRoZ4w_6wtq8KqHa&q=85&s=468e8841ffa64a18c4311fb30707913d" alt="alt" width="1541" height="919" data-path="images/chat/Chat10.png" />

***

# Creating a Widget

<img src="https://mintcdn.com/insightoai-bc61fe99/GRoZ4w_6wtq8KqHa/images/chat/Chat12.png?fit=max&auto=format&n=GRoZ4w_6wtq8KqHa&q=85&s=ecc7266c637a4921ca8fc0522eb37094" alt="alt" width="1541" height="919" data-path="images/chat/Chat12.png" />

***

11. Click on Widgets

<img src="https://mintcdn.com/insightoai-bc61fe99/GRoZ4w_6wtq8KqHa/images/chat/Chat11.png?fit=max&auto=format&n=GRoZ4w_6wtq8KqHa&q=85&s=ec9bfc092e7bf8967f8e85b27cb7fd47" alt="alt" width="1541" height="919" data-path="images/chat/Chat11.png" />

***

12. Click on Create Widget

<img src="https://mintcdn.com/insightoai-bc61fe99/GRoZ4w_6wtq8KqHa/images/chat/Chat12.png?fit=max&auto=format&n=GRoZ4w_6wtq8KqHa&q=85&s=ecc7266c637a4921ca8fc0522eb37094" alt="alt" width="1541" height="919" data-path="images/chat/Chat12.png" />

***

13. Select Insighto.ai

Since we’re deploying this assistant as a widget on website

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat13.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=f0b2c3b230696cd10051b813e97f341a" alt="alt" width="1541" height="919" data-path="images/chat/Chat13.png" />

***

14. Click on Next

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat14.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=7ffea2fa432b3f4db47db9633f000c03" alt="alt" width="1541" height="919" data-path="images/chat/Chat14.png" />

***

15. Click on Embed AI Agent Chat as shown below

Enter the Name & Description of your widget

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat15.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=28a3ab0a1accacef1c5d8a8580611041" alt="alt" width="1541" height="919" data-path="images/chat/Chat15.png" />

***

16. Click on Next

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat16.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=96417f9df37bd1980509f47a5f10379e" alt="alt" width="1541" height="919" data-path="images/chat/Chat16.png" />

***

17. Select the Assistant and click Next

From the Assistant dropdown, select the Chat assistant you just created.

💡 Only assistants with Chat type will appear in this list.

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat17.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=9b030a0f1dd018bd6059d4361fe5b377" alt="alt" width="1541" height="919" data-path="images/chat/Chat17.png" />

***

18. Final Step: Widget Setup Complete!

You’re almost done setting up your widget. This is the final step before your chatbot is created.

⚙ **What’s Happening Here**:\
At this point, you’ll see an option to “Initial Form”. This feature lets you connect a form to your chatbot—but don’t worry about it for now.

ℹ We’ll cover forms and how to use them effectively in an upcoming guide.

👉 **What You Need to Do**:\
Simply skip the form selection and click Finish to complete your widget setup.

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat18.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=b803d9641207ff9187ccc0ce5ba18f4a" alt="alt" width="1541" height="919" data-path="images/chat/Chat18.png" />

***

19. 🎉 Congratulations! Your Widget is created

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat19.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=25edbd26d5c81684f6c87371acf813f7" alt="alt" width="1918" height="920" data-path="images/chat/Chat19.png" />

***

20. Click on Visit

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat20.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=7e937c795377b639fc3f29a952dce7e0" alt="alt" width="1541" height="919" data-path="images/chat/Chat20.png" />

***

21. Chatbot Demo Window in New tab

Test your chat widget here before deploying

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat21.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=3f8bc7e341d93601a5c981f7644d2b22" alt="alt" width="1541" height="919" data-path="images/chat/Chat21.png" />

***

# Deploy it on your website now!

***

22. Click on Options

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat22.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=308518708dba20d89a2e09fe4e5d7cee" alt="alt" width="1541" height="919" data-path="images/chat/Chat22.png" />

***

23. Click on Get Code & QR

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat23.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=74c3b1e9a3c6c21fd07ca41fab42cd60" alt="alt" width="1541" height="919" data-path="images/chat/Chat23.png" />

***

24. Choose Widget Version & Deployment Type

Choose how your chatbot appears on your site:

**Widget Version**\
Select from:

* **Modern (Recommended)** – Latest design and features
* **Legacy** – For older setups

**Deployment Type**

* **HTML iFrame** – Embed in a fixed section of your site
* **Chat Widget** – Floating bubble on your webpage

Your selections will update the embed code automatically.

<img src="https://mintcdn.com/insightoai-bc61fe99/qsXsZ8l6W-NIvTaz/images/chat/Chat24.png?fit=max&auto=format&n=qsXsZ8l6W-NIvTaz&q=85&s=58008d254e4a4ac5dc663b2883844994" alt="alt" width="1541" height="919" data-path="images/chat/Chat24.png" />
