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

# Ready-made card

> A hosted tap-to-talk card you place anywhere on the page. It stays there and does not follow the visitor.

Use this when you want Trikon’s card UI in a slot on **your** layout (hero, pricing column, footer).

This is **not** the [corner bubble](/embed/corner-bubble):

* The card does not float and does not follow scroll.
* A tap starts the agent **on that same card**. It does not open a second panel.

## Snippet

Put the empty `div` where the card should live, then load the script:

```html theme={null}
<div id="trikon-voice-card" style="width:320px;height:420px"></div>
<script
  src="https://voice.trikon.tech/embed.js"
  data-public-key="tvk_pk_YOUR_PUBLIC_KEY"
  data-agent-id="SALES_AGENT_UUID"
  data-ui="card"
  data-container="#trikon-voice-card"
  async></script>
```

Copy this from **Settings → Web Embed → Ready-made card**. Move `#trikon-voice-card` anywhere in your HTML. Size it with your own CSS if you want a different width or height.

If `data-container` is missing, the card is inserted next to the script tag — still in the page flow, not stuck to the corner.