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

# Embed & share

> Two ways to put your bot in front of recruiters: share the public chat URL, or embed the chat widget on your own site.

Once your bot is active you can put it in front of recruiters two ways. Both are reachable from **your dashboard**.

## Share the public URL

Every bot has a public chat page at:

```
https://pro-bot.dev/u/<your-username>/chat
```

Drop this link in your resume, email signature, LinkedIn, or portfolio. Visitors chat with your bot directly - no account needed. The page is indexable and carries Open Graph / Twitter cards, so the link previews nicely when shared.

<Info>
  Only **active** bots are public. A draft bot returns a "not found" page to
  visitors and is excluded from search engines until you publish it.
</Info>

## Embed the chat widget

To put the chat directly on your own site, add a one-line script tag:

```html theme={null}
<script
  src="https://pro-bot.dev/widget.js"
  data-bot-id="00000000-0000-0000-0000-000000000000"
  async
></script>
```

It injects a floating chat bubble that opens an iframe-isolated chat surface. The widget talks to your hosted chat endpoint, so your LLM key is **never** exposed to the embedding site - the visitor uses your hosted endpoint, not your key. Copy the exact snippet (with your real bot ID prefilled) from the **Embed** section of your dashboard.

### Install via npm

Prefer a bundler (Vite, webpack, Next.js)? The widget is published on npm as [`probot-chatbot`](https://www.npmjs.com/package/probot-chatbot):

```bash theme={null}
npm i probot-chatbot
```

Then import it once for its side effect and add a `<script>` tag carrying your bot ID:

```js theme={null}
// app entry - importing mounts the widget
import "probot-chatbot";
```

```html theme={null}
<script data-bot-id="00000000-0000-0000-0000-000000000000"></script>
```

Package page: [npmjs.com/package/probot-chatbot](https://www.npmjs.com/package/probot-chatbot).

## Which should I use?

Use the **public URL** when you want a clean link to share. Use the **embed widget** when you want recruiters to chat without leaving your portfolio. Many people use both.