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

# User Guide: Set Up Your Agent

> Complete setup guide for your Totebot AI agent

This is a complete guide to setting up and launching your first AI agent with Totebot, whether you run an online store, take bookings, or handle customer support.

## Step 1: Create an Account

<Steps>
  <Step title="Visit Totebot">
    Visit [Totebot.ai](https://Totebot.ai)
  </Step>

  <Step title="Sign In">
    Click **Sign In** in the top-right corner.

    <img src="https://mintcdn.com/totebot/IEMsjbsyNpqClrGS/assets/user-guide/totebot-ai-account.JPG?fit=max&auto=format&n=IEMsjbsyNpqClrGS&q=85&s=43605021daa9de556cf28443549e79b9" alt="totebot ai account" width="2880" height="1800" data-path="assets/user-guide/totebot-ai-account.JPG" />
  </Step>

  <Step title="Choose Login Method">
    Choose to log in with your email and password, or sign in with your Google account.

    <img src="https://mintcdn.com/totebot/IEMsjbsyNpqClrGS/assets/user-guide/totebot-register-for-free.JPG?fit=max&auto=format&n=IEMsjbsyNpqClrGS&q=85&s=f4135a544c0a06cbfa9024cbebaee145" alt="totebot register for free " width="2880" height="1800" data-path="assets/user-guide/totebot-register-for-free.JPG" />
  </Step>

  <Step title="Create AI Agent">
    Start creating your first AI Agent by clicking the **Create AI Agent** button.

    <img src="https://mintcdn.com/totebot/IEMsjbsyNpqClrGS/assets/user-guide/totebot-create-ai-agent.JPG?fit=max&auto=format&n=IEMsjbsyNpqClrGS&q=85&s=a78d9a0488c3123e38894a8ef47bc48e" alt="Create AI Agent" width="2880" height="1800" data-path="assets/user-guide/totebot-create-ai-agent.JPG" />
  </Step>

  <Step title="Select your business type">
    Choose what best describes your business, then click **Continue**.

    <img src="https://mintcdn.com/totebot/IEMsjbsyNpqClrGS/assets/user-guide/totebot-ai-agent-ecommerce-shopify.JPG?fit=max&auto=format&n=IEMsjbsyNpqClrGS&q=85&s=da96344eea6912b8ab4be670165b8051" alt="Select your business type" width="2880" height="1800" data-path="assets/user-guide/totebot-ai-agent-ecommerce-shopify.JPG" />

    Totebot works for online stores (Shopify, WooCommerce, or a custom store), property rentals, and support or services businesses with no online shop at all. If you have a store, have your website URL ready.
  </Step>
</Steps>

## Step 2: Connect a Store or Channel

Connect your agent to where your customers are. This guide uses **Shopify** as the example, but the same applies to the other options:

* **Stores**: [Shopify](/integrations/shopify), [WooCommerce](/integrations/woocommerce), or a [Custom Webshop](/integrations/custom-webshop)
* **Channels**: [Web Widget](/integrations/web-widget), [WhatsApp](/integrations/whatsapp), [Telegram](/integrations/telegram), or [Email](/integrations/email)

<Steps>
  <Step title="Enable Product Page Scanning">
    Let the agent scan product pages to enrich its answers. Click **Connect Shopify**.

    <img src="https://mintcdn.com/totebot/P4a6-AvDl6xlResY/assets/user-guide/totebot-ai-agent-shopify-account.JPG?fit=max&auto=format&n=P4a6-AvDl6xlResY&q=85&s=e91f83dc62a7c80d39fd044ad274343a" alt="totebot-ai-agent-shopify-account.JPG" width="1742" height="1229" data-path="assets/user-guide/totebot-ai-agent-shopify-account.JPG" />
  </Step>

  <Step title="Install App">
    You will be automatically redirected to your Shopify store. Click **Install**.

    <img src="https://mintcdn.com/totebot/-Ov7gfd4It5_z0cP/assets/user-guide/totebot-ai-shopify-install.JPG?fit=max&auto=format&n=-Ov7gfd4It5_z0cP&q=85&s=05df2dae0c0bc53de730ab82de75bdb3" alt="Install Shopify App" width="1158" height="738" data-path="assets/user-guide/totebot-ai-shopify-install.JPG" />
  </Step>

  <Step title="Confirm Connection">
    After installation, you'll be redirected back to your Totebot dashboard with a confirmation message that your Shopify store is connected.

    <img src="https://mintcdn.com/totebot/-Ov7gfd4It5_z0cP/assets/user-guide/totebot-ai-connected-to-shopify.JPG?fit=max&auto=format&n=-Ov7gfd4It5_z0cP&q=85&s=492d44e147559e811187821bdb0403b3" alt="Connected to Shopify" width="1095" height="423" data-path="assets/user-guide/totebot-ai-connected-to-shopify.JPG" />
  </Step>

  <Step title="Verify Integration">
    You will land on the Integrations section of the Dashboard, where you'll confirm that your webshop is already connected. The name of your agent will be automatically assigned based on the name of your webshop; however, you can change it at any time if needed.

    <img src="https://mintcdn.com/totebot/-Ov7gfd4It5_z0cP/assets/user-guide/totebot-ai-integrations.JPG?fit=max&auto=format&n=-Ov7gfd4It5_z0cP&q=85&s=f0b0b771eff830caa1d054a7efab7f59" alt="Integrations Dashboard" width="2129" height="840" data-path="assets/user-guide/totebot-ai-integrations.JPG" />
  </Step>

  <Step title="Check Status">
    If you click on the Settings gear, additional insights will open. Under **Status**, you can confirm once again that the Totebot app is enabled.

    <img src="https://mintcdn.com/totebot/P4a6-AvDl6xlResY/assets/user-guide/totebot-ai-agent-integration-status.JPG?fit=max&auto=format&n=P4a6-AvDl6xlResY&q=85&s=773ec55b20d13a713a88c0f9bd821c7a" alt="Integration Status" width="2357" height="522" data-path="assets/user-guide/totebot-ai-agent-integration-status.JPG" />
  </Step>

  <Step title="Verify in Store">
    Follow the provided link to open your Shopify store. You'll see a confirmation that Totebot is active, along with an indicator in the upper-left corner, and the chat widget displayed and ready to use.

    <img src="https://mintcdn.com/totebot/P4a6-AvDl6xlResY/assets/user-guide/totebot-ai-agent-active.JPG?fit=max&auto=format&n=P4a6-AvDl6xlResY&q=85&s=08a545fecfb72c4460a97b780bd14030" alt="Totebot Active in Store" width="2357" height="1185" data-path="assets/user-guide/totebot-ai-agent-active.JPG" />
  </Step>
</Steps>

## Step 3: Customize Your Agent

Start customizing by going to **Settings**, then selecting **Chat Interface**. In this section, we'll cover only the basic customization options.

### General Settings

<CardGroup cols={2}>
  <Card title="Agent Identity" icon="user">
    Add an agent name and profile image
  </Card>

  <Card title="Visual Design" icon="palette">
    Customize bubble color, text color, and more, with a live preview on the right
  </Card>

  <Card title="Appearance Control" icon="eye">
    Choose when and how the chat bubble appears
  </Card>

  <Card title="Live Preview" icon="desktop">
    See changes in real-time as you customize
  </Card>
</CardGroup>

<img src="https://mintcdn.com/totebot/IEMsjbsyNpqClrGS/assets/user-guide/totebot-ai-chat-interface.JPG?fit=max&auto=format&n=IEMsjbsyNpqClrGS&q=85&s=97cbbbc00a388ef82b9a973c83ec582b" alt="Chat Interface Settings" width="2880" height="1800" data-path="assets/user-guide/totebot-ai-chat-interface.JPG" />

### Content Settings

* **Welcome Message**: Write your welcome message
* **Timing**: Choose how soon it should appear after a visitor lands on your site
* **Suggestions**: Add quick-start options to guide user conversations

<img src="https://mintcdn.com/totebot/IEMsjbsyNpqClrGS/assets/user-guide/totebot-ai-chat-interface-customize.JPG?fit=max&auto=format&n=IEMsjbsyNpqClrGS&q=85&s=26288f4e51d40b464f5018086e0dc267" alt="totebot-ai-chat-interface-customize .JPG" width="2880" height="1800" data-path="assets/user-guide/totebot-ai-chat-interface-customize.JPG" />

Explore additional options for further fine-tuning. Click **Save** to apply changes.

## Step 4: Knowledge

Your AI agent learns from the information you provide in the Knowledge section.

<Steps>
  <Step title="Access Knowledge">
    In the left sidebar, click **Knowledge** and prepare the content for upload.
  </Step>

  <Step title="Add Content">
    <CardGroup cols={2}>
      <Card title="Uploaded Files" icon="file-pdf">
        PDFs, product catalogs, or user manuals
      </Card>

      <Card title="Manual Text Entries" icon="text">
        Add and format content directly
      </Card>

      <Card title="Links" icon="link">
        Add URLs to your store pages, blog posts, policies, etc.
      </Card>

      <Card title="FAQs" icon="question">
        Include commonly asked questions with clear answers
      </Card>
    </CardGroup>
  </Step>

  <Step title="Train the agent">
    Once you've added content, click **Train agent** to update your AI agent with the new knowledge.
  </Step>
</Steps>

<Note>
  You can keep adding and updating your knowledge base over time. The more relevant info you include, the smarter and more helpful your Totebot becomes.
</Note>

## You're Ready

With these four steps, your first Totebot is up and running.

## Peak Performance Tips

Setting up Totebot is straightforward, but fine-tuning your Knowledge Base will make a huge difference in the quality of answers and customer experience. Here are some useful suggestions:

<AccordionGroup>
  <Accordion title="1. Prepare Documents Carefully" icon="file-check">
    Upload PDFs or other files that are clear, structured, and complete. Include product details, FAQs, policies, and guides. The better your documents are, the more precise the agent's replies will be.
  </Accordion>

  <Accordion title="2. Add Relevant Links" icon="link">
    Insert links to your website, blog, or policy pages. Make sure they point to accurate, up-to-date content, and remove any outdated or broken links so your agent doesn't serve old information.
  </Accordion>

  <Accordion title="3. Use Manual Q&A for Gaps" icon="question-circle">
    If customers often ask questions not covered by your documents or links, add them manually as specific Q\&A pairs. This ensures the agent always has an exact, brand-approved answer ready.
  </Accordion>

  <Accordion title="4. Monitor Analytics" icon="chart-line">
    Check engagement, sentiment, and performance in the analytics dashboard. This shows how well your agent is performing and where it may need improvement.
  </Accordion>

  <Accordion title="5. Review Conversations Regularly" icon="comments">
    Go through past conversations to see if customers are getting the right answers. Use the **Revise Answer** option to improve replies and help your agent learn over time.
  </Accordion>

  <Accordion title="6. Track Conversions" icon="shopping-cart">
    Pay attention to how your agent contributes to sales, such as add-to-cart events, initiated checkouts, or generated leads. This helps you see the real business impact.
  </Accordion>
</AccordionGroup>

## Next Steps

<CardGroup cols={2}>
  <Card title="AI Actions" icon="bolt" href="/dashboard/ai-actions">
    Automate tasks like sending emails and generating leads
  </Card>

  <Card title="Integrations" icon="plug" href="/integrations/web-widget">
    Connect Totebot to channels, stores, and tracking platforms
  </Card>

  <Card title="Analytics" icon="chart-bar" href="/dashboard/analytics">
    Track performance and optimize results
  </Card>

  <Card title="Settings" icon="gear" href="/dashboard/settings">
    Fine-tune your agent's behavior and appearance
  </Card>
</CardGroup>
