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

# Configuration

> Step-by-step guide to configuring your agent

## Overview

After clicking **Create Agent**, you will be guided through the configuration wizard. This process is divided into 5 distinct stages to help you build, refine, and deploy your assistant.

***

<Steps>
  <Step title="Prompt Lab">
    The **Prompt Lab** is the "brain" of your agent, where you define its personality, rules, and objectives.

    <img src="https://mintcdn.com/ravanai-63bcda11/fh0GNQ4356RFKIqY/assets/images/prompt-lab.png?fit=max&auto=format&n=fh0GNQ4356RFKIqY&q=85&s=c29c3c18b99edd4d5db9a59e64acbbf7" alt="Prompt Lab Interface" width="1252" height="700" data-path="assets/images/prompt-lab.png" />

    ### Video Guide: Writing Prompts

    Watch a quick guide on how to structure your prompts for the best results.

    <Frame>
      <iframe src="https://www.loom.com/embed/8049a4b317d84c8096b1ce9d4b75e5c2" width="100%" height="450px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen />
    </Frame>

    ### Using Templates

    Click the **Templates** button to jumpstart your build with pre-built personas for industries like Dental, Legal, and Real Estate.

    <img src="https://mintcdn.com/ravanai-63bcda11/kAfVdhzDDdNgqKHe/assets/images/templates.png?fit=max&auto=format&n=kAfVdhzDDdNgqKHe&q=85&s=ee54898417e0f03ec0e413b4be52a43f" alt="Template Library" width="1040" height="857" data-path="assets/images/templates.png" />
  </Step>

  <Step title="Technical Settings">
    Once your prompt is ready, configure the technical behavior and knowledge base of your agent.

    <img src="https://mintcdn.com/ravanai-63bcda11/kAfVdhzDDdNgqKHe/assets/images/vc-kb-lab.png?fit=max&auto=format&n=kAfVdhzDDdNgqKHe&q=85&s=95803f30ff7daf500868a50504cf076d" alt="Settings Interface" width="321" height="116" data-path="assets/images/vc-kb-lab.png" />

    <CardGroup cols={2}>
      <Card title="Voice Settings" icon="microphone" href="/agents/voice-settings">
        Configure voice models, phone numbers, and function calling.
      </Card>

      <Card title="Knowledge Base" icon="book" href="/agents/knowledge-base">
        Upload files or scrape websites to train your agent.
      </Card>
    </CardGroup>
  </Step>

  <Step title="Test Agent">
    Before going live, use the **Test Agent** simulator to interact with your agent directly in the browser.

    <img src="https://mintcdn.com/ravanai-63bcda11/kAfVdhzDDdNgqKHe/assets/images/test-agent.png?fit=max&auto=format&n=kAfVdhzDDdNgqKHe&q=85&s=0dcf9dc63adc2e0334aea9fad379fd21" alt="Test Agent Simulator" width="938" height="574" data-path="assets/images/test-agent.png" />

    * **Real-time Interaction:** Click the mic icon to start a conversation.
    * **Live Transcript:** Monitor the transcript to ensure your agent understands your intent correctly.
  </Step>

  <Step title="Customise Widget">
    (Optional) Personalize the chat bubble for your website deployment.

    ### Video Guide: Widget Customization

    Learn how to brand your chat bubble and configure lead capture forms.

    <Frame>
      <iframe src="https://www.loom.com/embed/e3138038bf434b35b4d9768f34ace92e" width="100%" height="450px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen />
    </Frame>

    <Tabs>
      <Tab title="Visuals & Branding">
        <img src="https://mintcdn.com/ravanai-63bcda11/fh0GNQ4356RFKIqY/assets/images/customize-widget.png?fit=max&auto=format&n=fh0GNQ4356RFKIqY&q=85&s=0db58f0e03975077e5d27fbef5f8658c" alt="Customize Widget Dashboard" width="650" height="883" data-path="assets/images/customize-widget.png" />

        * **Branding:** Adjust colors and logos to match your brand identity.
        * **Welcome Message:** Set the initial greeting users see.
      </Tab>

      <Tab title="Behavior Toggles">
        <img src="https://mintcdn.com/ravanai-63bcda11/kAfVdhzDDdNgqKHe/assets/images/toggle-options.png?fit=max&auto=format&n=kAfVdhzDDdNgqKHe&q=85&s=cce3caba2ece3e535314e2ebfe8d855d" alt="Toggle Options Interface" width="1124" height="250" data-path="assets/images/toggle-options.png" />

        Control specific features like **Transcription**, **Autostart**, and **Mute** settings.

        1. **Transcription**: Display live text.
        2. **Chat**: Enable/disable chat UI.
        3. **Autostart**: Auto-start interaction (Exclusive with Lead Form).
        4. **Mute On Minimize**: Silence when minimized.
        5. **Mute On Tab Change**: Silence on tab switch.
        6. **Show Lead Form**: Display contact form (Exclusive with Autostart).
        7. **Is Glowing**: Add animation.
        8. **Is Transparent**: Remove background.
      </Tab>

      <Tab title="Lead Capture">
        <img src="https://mintcdn.com/ravanai-63bcda11/fh0GNQ4356RFKIqY/assets/images/lead-form-fields.png?fit=max&auto=format&n=fh0GNQ4356RFKIqY&q=85&s=c275fef215c8d3dd4ccab93bb5ef3eeb" alt="Lead Form Fields Setup" width="1139" height="405" data-path="assets/images/lead-form-fields.png" />

        Capture lead data (Name, Email, Phone) before a conversation begins.

        * **Default Fields:** Name, Email, Phone Number.
        * **Custom Fields:** Click **+ Add Custom Field** for specific requirements.
      </Tab>
    </Tabs>
  </Step>

  <Step title="Deployment">
    The final step is adding the agent to your digital environment.

    ### Video Guide: Embedding Your Agent

    Watch how to generate your script and add it to your website.

    <Frame>
      <iframe src="https://www.loom.com/embed/0ab10d8f35e940febe5ff0cdea498552" width="100%" height="450px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen />
    </Frame>

    <img src="https://mintcdn.com/ravanai-63bcda11/fh0GNQ4356RFKIqY/assets/images/embed-code.png?fit=max&auto=format&n=fh0GNQ4356RFKIqY&q=85&s=4b20ebde2eb3b57f84daf536d3aed636" alt="Embed Code Snippet" width="1198" height="777" data-path="assets/images/embed-code.png" />

    1. **Copy Code:** Click the **Copy** button to grab your unique script.
    2. **Paste to Site:** Add the snippet to the `<body>` or `<head>` section of your website's HTML.
  </Step>
</Steps>
