Ready-made card

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:

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:

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

Get started

Add to your site

Snippet

​Snippet

Snippet