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

# Install the Agenvik chat widget — Webflow, Shopify, WordPress

> Add the Agenvik AI chat widget to any website with a single script tag. Works on Webflow, Shopify, WordPress, Squarespace, and custom HTML.

Use the web widget to make an Agent available on your website.

<Note>
  Public APIs are not available yet. Install the widget using the dashboard-provided snippet for your configured Agent and Channel.
</Note>

## What you will learn

* What to prepare before installation
* Where to place the widget snippet
* How to verify the widget after publishing

## Step 1: Prepare the Agent

Before adding the widget to a website, confirm that the Agent is trained and the **Channel** settings are complete.

<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="Web Channel setup placeholder" width="1512" height="943" data-path="images/product-ss/web-channel-settings.png" />
</Frame>

## Step 2: Copy the widget snippet

From the dashboard, copy the web widget snippet for the Agent and Channel you want to publish.

<Frame>
  <img src="https://mintcdn.com/arokart/bVqC9z00iBm9fRgB/images/product-ss/embed-code.png?fit=max&auto=format&n=bVqC9z00iBm9fRgB&q=85&s=d116339ae0e0f0010b3d6701119dca53" alt="Widget embed code placeholder" width="1512" height="943" data-path="images/product-ss/embed-code.png" />
</Frame>

The snippet should come from Agenvik so it includes the correct workspace and Channel configuration.

## Step 3: Add the snippet to your site

Paste the snippet into the website template or tag manager location used for site-wide scripts. Common locations include:

* The global layout file
* The closing `</body>` area
* A custom script field in your CMS
* A tag manager container

<Frame>
  <img src="https://mintcdn.com/arokart/bVqC9z00iBm9fRgB/images/product-ss/install-widget-html.png?fit=max&auto=format&n=bVqC9z00iBm9fRgB&q=85&s=25a51a022fc3c6b0e37e00d6d92953c1" alt="Install widget in HTML placeholder" width="719" height="536" data-path="images/product-ss/install-widget-html.png" />
</Frame>

## Step 4: Verify

Confirm that the widget loads, opens, and sends a test message.

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

## Step 5: Review Conversations

After testing, open **Conversations** in Agenvik and confirm the test thread appears.

<Frame>
  <img src="https://mintcdn.com/arokart/bVqC9z00iBm9fRgB/images/product-ss/conversation-inbox.png?fit=max&auto=format&n=bVqC9z00iBm9fRgB&q=85&s=4d00494f65c61f36529eaadb5a6b881f" alt="Conversation inbox after widget install placeholder" width="1512" height="943" data-path="images/product-ss/conversation-inbox.png" />
</Frame>

## Next steps

<CardGroup cols={2}>
  <Card title="Configure before launch" icon="check-circle" href="/developer-guide/configure-before-launch">
    Run a final launch checklist.
  </Card>

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