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

# Quickstart

> Get the Maedo Webchat widget on your site in seconds.

Integrating Maedo Webchat is as simple as adding a single script tag to your HTML.

<Steps>
  <Step title="Get your embed code">
    ### Get your embed code

    To embed an agent on your website, you first need its Webchat embed code.

    1. Log in to the [Maedo Dashboard](https://app.maedo.in).
    2. Select your agent and go to **Webchat > Deploy Settings**.
    3. Copy the **Embed code**.

    ```html theme={null}
    <script defer src="https://cdn.maedo.in/scripts/webchat/widget-v2.js" data-agent-config="YOUR_AGENT_TOKEN_HERE"></script>
    ```
  </Step>

  <Step title="Add to your website">
    ### Add to your website

    Next, add the Webchat embed code to the `<head>` section of your website's HTML. For example:

    ```html index.html theme={null}
    <!DOCTYPE html>
    <html>
      <head>
        <script defer src="https://cdn.maedo.in/scripts/webchat/widget-v2.js" data-agent-config="YOUR_AGENT_TOKEN_HERE"></script>
      </head>
      <body>
        <!-- Website content -->
      </body>
    </html>
    ```
  </Step>

  <Step title="You're all set!">
    ### You're all set!

    Open your website and start chatting with your bot. It should look something like this:

    <img src="https://mintcdn.com/maedoin/dD_j_VhjUNlI-4kg/images/widget.png?fit=max&auto=format&n=dD_j_VhjUNlI-4kg&q=85&s=4639695b4b2f66b0029aee0cfebce304" alt="Maedo Webchat Preview" width="680" height="951" data-path="images/widget.png" />
  </Step>
</Steps>

<Check>Done! Your bot is now live on your website.</Check>

## Next steps

Now that you've added your bot, try [styling it](/agents/configure) to match the rest of your website's user interface.

<CardGroup cols={2}>
  <Card title="Introduction to Webchat" icon="book-sparkles" href="/agents/introduction">
    Go back to the overview and core concepts.
  </Card>

  <Card title="Configure Webchat" icon="gears" href="/agents/configure">
    Deep dive into customization and settings.
  </Card>
</CardGroup>
