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

# Developer guide — embed the Agenvik AI chat widget

> Everything developers need to embed the Agenvik web chat widget: install script, embed options, pre-launch checklist, and widget troubleshooting.

The Developer Guide focuses on website installation and launch readiness for the Agenvik web widget.

<Note>
  Agenvik does not expose a public API yet. These guides do not document public endpoints, API keys, or server-side integrations.
</Note>

## What you will learn

* How the web widget fits into an Agenvik setup
* What developers need from the dashboard
* How to install, configure, and troubleshoot the widget

## Web widget flow

<Steps>
  <Step title="Prepare the Agent">
    Create an Agent, add Knowledge Sources, train it, and configure Behaviour.
  </Step>

  <Step title="Configure the Channel">
    Set the web Channel display name, welcome message, placeholder, and primary color.
  </Step>

  <Step title="Copy the widget snippet">
    Use the dashboard-provided embed code when the Agent is ready to launch.
  </Step>

  <Step title="Publish and verify">
    Add the snippet to your website, publish, and confirm the chat appears.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/arokart/bVqC9z00iBm9fRgB/images/product-ss/web-channel-settings.png?fit=max&auto=format&n=bVqC9z00iBm9fRgB&q=85&s=6e3afb8cd4831dc0bf0498aa5a4dd16b" alt="Developer web widget setup placeholder" width="1512" height="943" data-path="images/product-ss/web-channel-settings.png" />
</Frame>

## Developer pages

<CardGroup cols={2}>
  <Card title="Install the web widget" icon="code" href="/developer-guide/install-web-widget">
    Add Agenvik chat to a website.
  </Card>

  <Card title="Embed options" icon="window" href="/developer-guide/embed-options">
    Understand common placement and loading choices.
  </Card>

  <Card title="Configure before launch" icon="check-circle" href="/developer-guide/configure-before-launch">
    Review the dashboard setup before going live.
  </Card>

  <Card title="Troubleshooting widget" icon="life-ring" href="/developer-guide/troubleshooting-widget">
    Resolve common install and visibility issues.
  </Card>
</CardGroup>