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

# Install the widget

> Let visitors open your demo agent without leaving your website.

The widget puts your demo agent at the moment of intent. A visitor can see the product, ask questions, and qualify themselves without leaving the page or waiting for a meeting.

Inkly generates the installation code for your published demo. Copy it from the app and paste it into your site without changing it.

## Choose a placement

<CardGroup cols={2}>
  <Card title="Widget" icon="circle-dot">
    Adds the Inkly orb to your site. Visitors can open the demo whenever they are ready.
  </Card>

  <Card title="Popup" icon="arrow-pointer">
    Opens the demo from your own button. Use it behind a primary CTA such as “See the product”.
  </Card>
</CardGroup>

## Install it

<Steps>
  <Step title="Publish your demo">
    The install options appear after your first publish.
  </Step>

  <Step title="Open Settings → Install">
    Choose **Widget** or **Popup** and click **Copy**.
  </Step>

  <Step title="Paste the code into your site">
    Add the complete snippet before the closing body tag. Do not remove or edit its Inkly settings.
  </Step>

  <Step title="Test the experience">
    Open the page, start the demo, ask a question, and confirm the session appears in Analytics.
  </Step>
</Steps>

## Replace “Book a demo”

Use **Popup** when you want an existing button to open the product experience.

This gives buyers value before asking for time. The agent can show the relevant workflow, answer objections, qualify the visitor, and offer a meeting when it makes sense.

## What gets measured

Sessions opened through the widget include the conversation, outcomes, and first-touch attribution from your site. Use [Analytics](/measure/analytics) to see which pages and campaigns bring the strongest interest.

## Updates publish automatically

You install the widget once. Publishing a new version updates every page where it appears without another site deployment.

<Note>
  A strict Content Security Policy may block third-party scripts or frames. Contact us if the widget does not load after installation.
</Note>

## Next

<CardGroup cols={2}>
  <Card title="Shareable link" icon="link" href="/ship/shareable-link">
    Send the same demo without installing anything.
  </Card>

  <Card title="Analytics" icon="chart-line" href="/measure/analytics">
    See where visitors came from and what held their attention.
  </Card>
</CardGroup>