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

# Quickstart

> Create, train, and publish your first AI agent in under ten minutes. Follow this step-by-step guide to get your agent live on your website or connected channel.

In just a few minutes, your agent will start answering questions about your business and engaging with your visitors. Let’s begin.

## **Prerequisites**

<Info>
  You’ll need an active Watermelon account. If you don’t have one yet, [sign up](https://signup.watermelon.ai/) first.
</Info>

## **What You’ll Do**

<Steps>
  <Step title="Create your agent & personality">
    Set up a new agent and write a personality that fits your companies brand guidelines.
  </Step>

  <Step title="Add sources">
    Connect and manage the data sources your agent will use to learn from — such as your website, files, or the world wide web.
  </Step>

  <Step title="Test & optimize">
    Test answers in the Playground and fine-tune behavior and responses.
  </Step>

  <Step title="Publish & go live">
    Add your agent to your website or connect it to your favorite channels.
  </Step>
</Steps>

<Tip>
  **Estimated time:** 5 minutes from start to finish
</Tip>

## Step 1: Create your agent & personality

### Navigate to your dashboard

After signing into your Watermelon account, go to the agents overview.

Click the **“Create new AI Agent”** button to get started, provide it with a name and click continue.

<Frame>
  <img src="https://mintcdn.com/watermelon/obKOwkgg6seefv8A/images/get-started/quickstart/agents-overview.png?fit=max&auto=format&n=obKOwkgg6seefv8A&q=85&s=9ac977fc182ea3048ab724e60eda8ae2" alt="Agents Overview Pn" width="3024" height="1486" data-path="images/get-started/quickstart/agents-overview.png" />
</Frame>

### Complete Agent settings

After you created your agent, the Agent Settings opens where you can complete the personality. Add Company information, check the Guardrails and click create.

<Frame>
  <img src="https://mintcdn.com/watermelon/AQ0lQWAst-HXlRu7/images/get-started-quickstart-personality.png?fit=max&auto=format&n=AQ0lQWAst-HXlRu7&q=85&s=6161682b044e5b3c6ce72513a90490cd" alt="Get Started Quickstart Personality" width="2878" height="1460" data-path="images/get-started-quickstart-personality.png" />
</Frame>

<Tip>
  **Tips for your agent’s Personality**

  Your agent’s personality defines how it sounds and behaves in conversations. A good setup helps it feel natural, trustworthy, and aligned with your brand.

  **What to include:**

  * **Tone of voice:** Should it sound friendly, professional, or neutral?
  * **Communication style:** Short and clear, or more conversational?
  * **Formality:** Use “you” or “we”? Keep language consistent with your website tone.
  * **Role in your organization:** Describe how the agent represents your company — e.g. customer support assistant, sales guide, or digital host.
  * **Behavior guidelines:** How should it respond when unsure, when users are frustrated, or when a question is out of scope?

  Start small — define 3–4 personality traits (e.g.*calm, human, clear* ) and test how they sound in real conversations. Then adjust based on feedback.
</Tip>

## Step 2: Add sources

Your AI agent needs information to learn from. You can train it using various data sources:

<Tabs>
  <Tab title="XML feed">
    **Add your product XML feed**

    Import structured data directly from your feed to keep your Agent up to date automatically.

    **Best for:** Product catalogs, listings, or frequently changing information

    <Tip>
      When you upload a document, its content is added to your Agent’s knowledge almost instantly. Stay on the page until the document has been fully processed.
    </Tip>

    <Frame>
      <img src="https://mintcdn.com/watermelon/OVcp0s2pzOVNiqle/images/Product-feed.png?fit=max&auto=format&n=OVcp0s2pzOVNiqle&q=85&s=e4d2d42a541792d6f4e687963919af04" alt="Get Started Quickstarted Xml Feed 1" width="2876" height="1454" data-path="images/Product-feed.png" />
    </Frame>
  </Tab>

  <Tab title="Website">
    **Crawl your website**

    Our crawlers will discover and learn from all your pages.

    **Best for:** Your entire website or sitemap

    <Tip>
      Crawling typically takes 5-10 minutes depending on the amount of data. You can proceed to the next step while crawling completes.
    </Tip>

    <Frame>
      <img src="https://mintcdn.com/watermelon/OVcp0s2pzOVNiqle/images/website.png?fit=max&auto=format&n=OVcp0s2pzOVNiqle&q=85&s=4e6d30b27d007b725c779493554db360" alt="Get Started Quickstart Website" width="2880" height="1460" data-path="images/website.png" />
    </Frame>
  </Tab>

  <Tab title="Files">
    **Upload your documents**

    Train your agent on your documents.

    **Best for:** Business documents, manuals, FAQs, product information, etc.

    <Tip>
      Adding a document will also immediately add the contents to it's knowledge. This process is near instant, don't move from the page if the document has not been fully processed yet.
    </Tip>

    <Frame>
      <img src="https://mintcdn.com/watermelon/OVcp0s2pzOVNiqle/images/files.png?fit=max&auto=format&n=OVcp0s2pzOVNiqle&q=85&s=69c73e3836aa128c0d02e7c6e15ae053" alt="Get Started Quickstart Files" width="2874" height="1460" data-path="images/files.png" />
    </Frame>
  </Tab>

  <Tab title="Search">
    **Search the web**

    Connect your web search to power your Agent with real-time answers from your website or the whole web.

    **Best for:** Dynamic content and search-based knowledge sources

    <Frame>
      <img src="https://mintcdn.com/watermelon/OVcp0s2pzOVNiqle/images/search.png?fit=max&auto=format&n=OVcp0s2pzOVNiqle&q=85&s=876c9adfcf00c77a78d68151b63c2783" alt="Get Started Quickstart Search" width="2878" height="1462" data-path="images/search.png" />
    </Frame>
  </Tab>
</Tabs>

**Limits:** Different plans have different upload limits for training data. Check your plan if you hit any limits.

## Step 3: Test & optimize

### Access the Playground

Once you've added all the relevant information, you’ll can access the Playground - your testing environment where you can chat with your AI Agent and fine-tune it before publishing it.

<Frame>
  <img src="https://mintcdn.com/watermelon/AQ0lQWAst-HXlRu7/images/get-started-quickstart-playground.png?fit=max&auto=format&n=AQ0lQWAst-HXlRu7&q=85&s=1c4bbda9d5f2f458530400b02f97b6a7" alt="Get Started Quickstart Playground" width="2880" height="1460" data-path="images/get-started-quickstart-playground.png" />
</Frame>

### Evaluate Response Quality

As you test, look for:

<Check>
  **Accuracy** - Are responses factually correct?
</Check>

<Check>
  **Relevance** - Does it answer what was asked?
</Check>

<Check>
  **Completeness** - Are responses comprehensive but concise?
</Check>

<Check>
  **Tone** - Does it match your brand voice?
</Check>

### Fine-tune settings

<Tabs>
  <Tab title="AI Model">
    ### **Test responses with different models**

    <Steps>
      <Step title="Change the model">
        You can change the agent's model in the AI Agent settings.

        <Frame>
          <img src="https://mintcdn.com/watermelon/qKVGyOjcdBuK10-C/images/get-started-quickstart-ai-model.png?fit=max&auto=format&n=qKVGyOjcdBuK10-C&q=85&s=9b14da1bada830766b8c3dff7a490953" alt="Get Started Quickstart Ai Model" width="2878" height="1464" data-path="images/get-started-quickstart-ai-model.png" />
        </Frame>
      </Step>

      <Step title="Test with different models">
        Ask the same questions to different models and compare:

        * **Response quality and accuracy**
        * **Response time and speed**
        * **Tone and personality**
        * **Handling of edge cases**
      </Step>

      <Step title="Make your decision">
        Based on the comparison, select the model that best fits your specific use case and brand voice.
      </Step>
    </Steps>

    <Tip>
      For detailed model comparisons and advanced testing strategies, check out our [**comprehensive model comparison guide.**](/help-center/get-started/choose-your-ai-model)
    </Tip>
  </Tab>

  <Tab title="Instructions">
    Define how your AI Agent should behave and respond to users. These instructions shape your agent’ answers, and approach to certain subjects. You can easily add instructions by clicking on the thumbs down on an answer in the chat interface.

    <Frame>
      <img src="https://mintcdn.com/watermelon/aZ2CWkQO4XNBeMG3/images/getting-started-quickstart-instructions.png?fit=max&auto=format&n=aZ2CWkQO4XNBeMG3&q=85&s=d6b25f4e4b3f9b70e4dd7947f81b3348" alt="Getting Started Quickstart Instructions" width="2876" height="1460" data-path="images/getting-started-quickstart-instructions.png" />
    </Frame>

    **How to write effective instructions**

    * **Be specific about context.** Describe exactly when the Instruction applies — for example, “when someone asks about their order status.”
    * **Tell the Agent what to do.** Include the expected action or response — e.g., “tell them to check the track & trace link from their confirmation email.”
    * **Keep it clear and concise.** Avoid long explanations; write direct, practical rules the Agent can follow.
    * **Use real examples.** Write a few short examples to show how the Agent should respond in different situations.
    * **Review and test.** After saving your Instructions, test your Agent’s answers to make sure they follow your intended logic.
  </Tab>
</Tabs>

## Step 4: Publish & go live

### **Navigate to the activation Section**

Once you’re satisfied with your AI Agent’s responses, it’s time to make it live! Navigate to the **“Activate”** tab in your agent, and click on **“Connect channel”** button to connect your desired channel.

<Tabs>
  <Tab title="Chat widget (Recommended)">
    **Perfect for most websites**

    Adds a floating chat icon that users can click to start conversations. Non-intrusive and mobile-friendly.

    **Pros:**

    * Can utilize advanced features like **identity verification**.
    * Doesn’t interfere with your site’s design
    * Users can minimize/maximize as needed
    * Works great on mobile devices
    * Familiar UX pattern

    **Best for:** Business websites, blogs, e-commerce stores

    ### **Get Your Embed Code**

    In this guide we’ll use the Chat widget option, go to **apps** -> **My first widget** -> **Placement** -> **scroll down** to find the javascript code snippet.

    Copy the provided JavaScript code snippet:

    <Frame>
      <img src="https://mintcdn.com/watermelon/qKVGyOjcdBuK10-C/images/get-started-quickstart-code-snippet.png?fit=max&auto=format&n=qKVGyOjcdBuK10-C&q=85&s=180821e6955ab24617aa6f3a4ee3f4b9" alt="Get Started Quickstart Code Snippet" width="2876" height="1460" data-path="images/get-started-quickstart-code-snippet.png" />
    </Frame>

    ### **Add Code to Your Website**

    <Steps>
      <Step title="Locate Your Site's HTML">
        Find where you can add JavaScript code to your website. This is usually in the `<head>` section or before the closing `</body>` tag.

        <Tip>
          **For fast loading:** Place the script just before the closing `</body>` tag to ensure your page content loads first, then the chat widget appears.

          **For immediate availability:** Place the script in the `<head>` section to load the chat widget as early as possible, though this may slightly delay your page’s initial render.
        </Tip>
      </Step>

      <Step title="Paste the code">
        Copy and paste the embed script into your website’s HTML. If you’re using a CMS like WordPress, there’s usually a “Custom HTML” or “Scripts” section.
      </Step>

      <Step title="Save and publish">
        Save your changes and publish your website updates.
      </Step>
    </Steps>

    ### **Verify Installation**

    Visit your website and look for the chat bubble. Click it to test the integration!

    <Frame>
      <img src="https://mintcdn.com/watermelon/qQanUYnvvRhLVkWp/images/get-started/quickstart/live-widget.png?fit=max&auto=format&n=qQanUYnvvRhLVkWp&q=85&s=d7aa6a625f16f213dde5cda2532a68d3" alt="Live Widget Pn" width="3012" height="1474" data-path="images/get-started/quickstart/live-widget.png" />
    </Frame>

    <Check>
      **Success!** Your AI Agent is now live and ready to help your website visitors.
    </Check>

    <Tip>
      Need more control over your widget? Check out our [**Developer Guides**](/help-center/developer-resources/chat-widget-customization) for more information on JavaScript embed, [**widget control options**](/help-center/developer-resources/chat-widget-customization), and advanced features like [**mobile app placement**](/help-center/developer-resources/add-widget-mobile) and [**event listeners**](/help-center/developer-resources/event-listeners).
    </Tip>

    ### **Customize Appearance (Optional)**

    Want to match your brand? Check out our [chat widget style guide.](/help-center/guides/chat-widget-style-guide)

    <Frame>
      <img src="https://mintcdn.com/watermelon/AQ0lQWAst-HXlRu7/images/get-started-quickstart-customize-widget.png?fit=max&auto=format&n=AQ0lQWAst-HXlRu7&q=85&s=de288c268c7605122bcab6a95ee4867e" alt="Get Started Quickstart Customize Widget" width="2880" height="1460" data-path="images/get-started-quickstart-customize-widget.png" />
    </Frame>

    <AccordionGroup>
      <Accordion title="Branding options">
        * **Title / Logo** – Default is your company name; shown when no logo is added
        * **Avatar** – Displayed when no AI Agent is active and no chat is assigned
        * **Colors** – Set widget and background colors; check readability.
        * **Users (Welcome Screen)** – Choose which users appear when no Agent is active.
        * **Message Bubbles** – Pick *Default* (2 options) or *Custom* (full styling).
        * **Typography** – Adjust font type, size, and corner radius.
        * **Launcher** – Edit chat button icon, color, or full button design.
      </Accordion>

      <Accordion title="Behavior settings">
        * **Welcome screen** – Enable or disable intro screen.
        * **Main title** – Text shown on welcome screen.
        * **Send message element** – Text before chat starts (title, subtitle, button).
        * **Chat closed** – Set closed message and hours.
        * **Select links** – Add contact links (email, phone, FAQ, etc.).
        * **Eye-catcher** – Message above minimized icon.
        * **Welcome message** – Text shown before chat begins.
        * **Privacy screen** – Require agreement to privacy policy.
        * **Attachments** – Allow or block file uploads.
        * **Queue system** – Show waiting time for human handover.
        * **Unfold URLs** – Expand shared links.
        * **Watermelon branding** – Enable or disable logo.
        * **Auto open once** – Open widget automatically one time.
        * **Launcher placement** – Choose left/right position and spacing.
        * **Track visitors** – See which page chat started from.
        * **Browser data** – Capture user browser and device info automatically.
      </Accordion>
    </AccordionGroup>
  </Tab>

  <Tab title="Facebook Messenger">
    **Perfect for: Retail, hospitality, and brands with an active Facebook presence**

    Link your Agent to Facebook Messenger and respond instantly to page messages. Great for customer service, sales, and marketing conversations.

    **Pros:**

    * Connects to your existing Facebook Page
    * Reaches customers where they already are
    * Supports quick replies and attachments

    **Best for:** Brands with an active Facebook audience or social customer care

    <Info>
      Connect Facebook Messenger to Watermelon by following [this guide](/help-center/integrations/facebook-messenger).
    </Info>
  </Tab>

  <Tab title="Instagram DM">
    **Perfect for: Lifestyle, fashion, and creative businesses engaging with followers**

    Let your Agent reply to Instagram messages and story replies automatically. Stay responsive without needing to monitor your inbox 24/7.

    **Pros:**

    * Handles direct messages and story replies
    * Works with your verified business account
    * Keeps the same tone and branding as your posts
    * Manage all messages directly in Watermelon

    **Best for:** Businesses using Instagram for community engagement, leads, or support

    <Info>
      Connect Instagram DM to Watermelon by following [this guide](/help-center/integrations/instagram-dm).
    </Info>
  </Tab>

  <Tab title="WhatsApp Business">
    **Perfect for: Local shops, service providers, and customer support teams**

    Connect your Agent to WhatsApp to chat with customers directly through the world’s most popular messaging app. Fast, familiar, and mobile-first.

    **Pros:**

    * Customers can chat with your business just like with friends
    * Works seamlessly on desktop and mobile
    * Supports images, emojis, and links
    * Keeps full conversation history inside Watermelon

    **Best for:** Businesses with strong mobile traffic or customer support via WhatsApp

    <Info>
      Connect WhatsApp to Watermelon by following [this guide](/help-center/integrations/whatsapp).
    </Info>
  </Tab>
</Tabs>

### **Activate agent**

After you have connected your channel, click '**activate**' and your agent is now live on the connected channel!

## **🎉 Congratulations!**

You’ve successfully created, tested, and published your first AI Agent! Here’s what you’ve accomplished:

<Check>
  Created an intelligent AI Agent trained on your data
</Check>

<Check>
  Tested and validated response quality
</Check>

<Check>
  Deployed it live on your website
</Check>

<Check>
  Made it accessible to your visitors 24/7
</Check>

### What's next?

<Columns cols={2}>
  <Card title="Monitor performance" icon="analytics" href="/help-center/analytics/create-custom-reports">
    Track conversations and optimize your agents performance
  </Card>

  <Card title="What's new?" icon="sparkles" href="/help-center/resources/whats-new">
    See our latest releases and roadmap to get the most out of Watermelon
  </Card>
</Columns>

<Columns cols={2}>
  <Card title="Guides & best practices" icon="book" href="/help-center/guides/agent-guides/add-deeplinks">
    Learn proven strategies to maximize your AI agents effectiveness
  </Card>

  <Card title="API integration" icon="code" href="/api-reference/introduction">
    Build custom integrations with our powerful API.
  </Card>
</Columns>

<Info>
  **Need help?** Our support workspace is here to assist you. [Contact support](/help-center/resources/contact-support) or check out the [**FAQ section**](/help-center/resources/faq) for common questions.
</Info>
