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

# Corner bubble

> The default website launcher: a microphone button in the bottom corner that opens the agent.

This is the default snippet. Visitors see a floating mic in the corner. Clicking it opens the agent, asks for the microphone, and starts the conversation.

Sites already using this snippet do **not** need to change anything. If `data-ui` is omitted, the widget stays the corner bubble.

Only this mode follows the visitor while they scroll. The [ready-made card](/embed/ready-made-card) and [your website UI](/embed/custom-website-ui) stay where you place them.

## Snippet

Copy this from **Settings → Web Embed → Corner bubble**, or paste:

```html theme={null}
<script
  src="https://voice.trikon.tech/embed.js"
  data-public-key="tvk_pk_YOUR_PUBLIC_KEY"
  data-agent-id="SALES_AGENT_UUID"
  data-position="right"
  async></script>
```

Replace the host with your Trikon Voice address if it is different. Each `data-agent-id` is the agent UUID from that agent's page URL.

`data-position` is `right` (bottom right) or `left` (bottom left). Accent color comes from **Settings → Web Embed**.

## Different agents on different sites

```html theme={null}
<!-- www.acme.com — sales agent -->
<script
  src="https://voice.trikon.tech/embed.js"
  data-public-key="tvk_pk_YOUR_PUBLIC_KEY"
  data-agent-id="SALES_AGENT_UUID"
  data-position="right"
  async></script>

<!-- support.acme.com — support agent -->
<script
  src="https://voice.trikon.tech/embed.js"
  data-public-key="tvk_pk_YOUR_PUBLIC_KEY"
  data-agent-id="SUPPORT_AGENT_UUID"
  data-position="right"
  async></script>
```

The same public widget key is used on every site. The domain allowlist still has to include each origin. See [Website embed](/embed/introduction).