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

# Documentation

> Make Information Instantly Accessible with Zeroagent

Zeroagent acts as knowledge based agents, helping to supercharge your documentation, help center, blogs, and landing pages. It ensures a seamless and personalized experience for your users, while reducing your workload and maximizing engagement.

* 💡 **AI-Powered Search:** Zeroagent makes documentation easy to navigate with its intelligent search capabilities, ensuring users quickly find the information they need.
* 🔍 **Contextual Responses:** Provide step-by-step guidance to customers by answering their queries directly from your documentation content.
* 📄 **Real-Time Updates:** Automatically update responses as your documentation evolves, keeping information accurate and consistent.

With Zeroagent, your docs become an interactive knowledge hub, empowering users to find answers on their own.

## Connecting with Docs

<Steps>
  <Step title="🛠️ Select site">
    Click `add site` and choose `website`.
  </Step>

  <Step title="🔑 Embed SDK">
    Add the `script code` to your application.

    <AccordionGroup>
      <Accordion title="Gatsby">
        Add the below code in your `src/pages/index.js` or `src/pages/index.tsx` of your Gatsby project.

        ```bash theme={null}
        npm install @zeroagent/js
        ```

        ```js theme={null}
        import Zeroagent from '@zeroagent/js';
        <Zeroagent appID={'<YOUR_APP_ID>'} appKey={'<YOUR_APP_KEY>'} />
        ```
      </Accordion>

      <Accordion title="Docusaurus">
        Add the below code in your `src/pages/index.js` or `src/pages/index.tsx` of your Docusaurus project.

        ```bash theme={null}
        npm install @zeroagent/js
        ```

        ```js theme={null}
        import Zeroagent from '@zeroagent/js';
        <Zeroagent appID={'<YOUR_APP_ID>'} appKey={'<YOUR_APP_KEY>'} />
        ```
      </Accordion>

      <Accordion title="MkDocs">
        Create `zeroagent-init.js` inside `docs` folder. Add this js path file to your `mkdocs.yml`

        ```bash mkdocs.yml theme={null}
        extra_javascript:
        - zeroagent-init.js
        ```

        ```js zeroagent-init.js theme={null}
        document.addEventListener("DOMContentLoaded", function () {

        const widgetDiv = document.createElement("div");
        widgetDiv.id = "zeroagent-ai-widget";
        document.body.appendChild(widgetDiv);

        const script = document.createElement("script");
        script.async = true;
        script.src = "https://cdn.jsdelivr.net/npm/@zeroagent/js@latest/dist/index.js";
        script.onload = function () {

          Zeroagent("<YOUR_APP_ID>", "<YOUR_APP_KEY>");
        };
        document.body.appendChild(script);
        });
        ```
      </Accordion>
    </AccordionGroup>

    <Info>
      You can also use [Hardcore method](/quickstart#step-3-embed-sdk-in-app) to embed SDK.
    </Info>
  </Step>

  <Step title="🗂️ Knowledge Base">
    Our system `crawls` automatically all the pages of the website and adds them to AI knowledge base. You can also add `addtional information` as `pdf, xls`.

    <Note>
      Learn more about the [Knowledge Base](/knowledge-base).
    </Note>
  </Step>

  <Step title="⚙️ Chat Setting">
    Update your chat widget interface settings
  </Step>

  <Step title="✅ AI Assistant is Live">
    Your AI Assistant is live and ready to assist users.
  </Step>
</Steps>

Zeroagent turns static content into a dynamic, interactive assistant that empowers users, reduces support costs, and drives engagement. Transform the way you connect with your audience today!

## Troubleshooting

For any issues or errors, refer to our [FAQ](/materials/change-logs) or contact our [Support Team](mailto:support@zeroagent.io?subject=Feedback).