Quick Start

Build Your First AI Agent

Create MuChat, train it on your business information, and start answering questions from your website visitors.

Overview

In just a few minutes, you'll have a working MuChat answering questions about your business and engaging with your website visitors. Here's what we'll do:

Create and train MuChat

Create your agent and add a website, files, or other information to its knowledge base.

Test and improve answers

Ask questions in the Laboratory and refine the tone and quality of its responses.

Publish on your website

Add the widget code to your site so visitors can start a conversation.

Estimated time: About 5 minutes from setup to deployment.

Before you start

You'll need an active MuChat account to follow this guide. Sign up here if you haven't already.

Step 1: Create and train your MuChat

Select Create new agent in your dashboard. Enter your website address and select Continue to retrieve initial business information, a logo, and brand colors from your site.

If you don't have a site, select I don't have any website. and enter the information in the next step.

MuChat creation screen with a website address field and an option to continue without a website

Review the initial settings

The following three screens appear in order. Review the suggested information and make any changes you need.

Set the title, description, color, avatar, and widget icon in Agent's UI. Review the preview and select Looks Good.

MuChat title, description, and color settings next to the widget preview

Choose your training data

MuChat needs information to learn from. Open Datastores, select a knowledge base, and choose Create Datasource. You can train it using various data sources:

Knowledge base source list and the Create Datasource button

Upload your documents

Train MuChat on your documents. Select File, upload a document, and choose Add. Supported formats are DOCX, MD, TXT, CSV, and JSON.

Best for: Business documents, manuals, FAQs, and product information.

File source form with the upload area, supported formats, and Add button

Processing starts after you add each source. Once its status is Synced, MuChat is ready to test with that source. Processing time depends on the type and amount of information.

Storage limit: Knowledge base capacity varies by plan. If you reach the limit, check your usage and plan capacity in the dashboard.

Step 2: Test and optimize MuChat

Open the Laboratory

Once your sources are ready, open Laboratory from the agent menu. Ask questions similar to your customers' questions and compare the answers with your business information. You can change the model, instructions, and temperature here to test the results.

The MuChat Laboratory with model and instruction settings alongside a test conversation

Fine-tune settings

Test responses with different models

Test with different models

Choose an available model. Ask the same questions with different models and compare:

  • Response quality and accuracy
  • Response time and speed
  • Tone and personality
  • Handling questions that aren't covered by your sources

Make your decision

Based on the comparison, select the model that best fits your use case and brand voice.

Change one setting at a time and ask the same questions again. Use Reset test to start a fresh test conversation.

When you're happy with the results, select Save to agent and confirm. This saves the settings you've tested in the Laboratory to MuChat.

Step 3: Deploy to your website

Open the deployment section

Once you're satisfied with MuChat's responses, it's time to make it live. Open Deploy and select Manage on the Chat Widget card.

Channel status: The widget channel must be active to respond to your website visitors. Check its status before installation.

Choose your deployment method

You can display MuChat as a floating chat bubble or in a fixed section of your page. Select Deploy above the preview and choose Website widget or Website iframe.

MuChat deployment menu with Website widget and Website iframe options

Copy the installation code from the panel. The HTML, React.js, and Next.js tabs provide the example for each setup.

Widget installation panel with HTML, React.js, and Next.js tabs and the copy button

Perfect for most websites

Adds a floating chat icon that visitors can click to start a conversation. The chat window opens when needed and doesn't occupy a fixed section of your page.

Pros:

  • Keeps your site's main layout unchanged
  • Users can open and close the chat window as needed
  • Works well on mobile devices
  • A familiar chat experience for visitors

Best for: Business websites, blogs, and e-commerce stores.

Add code to your website

Locate where to add the code

Find where you can add JavaScript to your website. In site builders and content management systems, look for a custom code or scripts section.

For HTML installation, place the snippet before the closing </body> tag. For React or Next.js, use the example from the matching tab in the deployment panel.

Paste the code

Copy your MuChat's installation code and paste it into the section you selected.

Save and publish

Save your changes and publish your website updates.

Verify installation

Visit your website and look for the chat bubble. Open it, ask a question covered by your knowledge base, and check the answer. Test the display and responses on a mobile device too.

Success! Your MuChat is now ready to help your website visitors.

Customize appearance (optional)

Want to match your brand? Return to Deploy → Chat Widget → Manage, update the settings, and select Save.

Next steps

You've created, trained, tested, and deployed your first MuChat. From here:

MuChat documentation

On this page