> ## 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.

# Custom Coded Store

> Connect apps in a few steps, and your AI agent is ready to work

If you have a online store with custom code, you can still integrate it with our Zeroagent and make your store smarter.

## Connecting Custom Store

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

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

    <CodeGroup>
      ```html HTML theme={null}
      <div id="zeroagent-ai-widget"></div>
      <script src="https://cdn.jsdelivr.net/npm/@zeroagent/js@latest/dist/index.js"></script>
      <script>
      Zeroagent('<YOUR_APP_ID>', '<YOUR_APP_KEY>');
      </script>
      ```

      ```js React theme={null}
      // src/index.html

      <div id="zeroagent-ai-widget"></div>
      <script src="https://cdn.jsdelivr.net/npm/@zeroagent/js@latest/dist/index.js"></script>
      <script>
      Zeroagent('<YOUR_APP_ID>', '<YOUR_APP_KEY>');
      </script>

      (or)

      // install package
      npm install @zeroagent/js

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

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

      // code
      'use client';
      import Zeroagent from '@zeroagent/js';
      <Zeroagent appID={'<YOUR_APP_ID>'} appKey={'<YOUR_APP_KEY>'} />
      ```

      ```js Vue theme={null}
      // index.html [Recommended]

      <div id="zeroagent-ai-widget"></div>
      <script src="https://cdn.jsdelivr.net/npm/@zeroagent/js@latest/dist/index.js"></script>
      <script>
      Zeroagent('<YOUR_APP_ID>', '<YOUR_APP_KEY>');
      </script>

      (or)

      // peer-dependency: react package required
      npm install @zeroagent/js react

      // code
      import Zeroagent from '@zeroagent/js';
      <Zeroagent appID={'<YOUR_APP_ID>'} appKey={'<YOUR_APP_KEY>'} />
      ```
    </CodeGroup>

    <Info>
      Troubleshooting: Error adding zeroagent in Next JS: [Refer here](/materials/faqs#troubleshooting-error-adding-zeroagent-in-next-js)
    </Info>
  </Step>

  <Step title="🗂️ Knowledge Base">
    You can add your `store products` as `xls` to AI Knowledge.

    <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 Store Assistant is Live">
    Your AI Store Assistant is live and ready to assist customers.
  </Step>
</Steps>

## Troubleshooting

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