Tegan — every customer, every conversation
Get started

Feature · Embed & deploy

No dev needed — unless you want one.

Share a hosted page link and you're live in zero lines of code. Or drop one script tag into your app for floating, inline, or persistent pop-out placements. Shadow-DOM isolated. Pick one. Or use all of them.

Get the snippet

The fast path

No engineering team? Share a link.

Every agent gets a hosted page at meet.tegan.ai/your-slug that runs in any modern browser. Put it in an email, on a landing page, in your signature, in a QR code — wherever your prospects already are. No script tag, no PR review, no sprint planning.

  • Works on desktop and mobile browsers — no app to install
  • Drop the URL in a CRM sequence, a calendar invite, an ad
  • Same agent, same recordings, same dashboard as the embedded version
  • Custom slug per agent — meet.tegan.ai/acme-sales, /acme-support

Try it now

meet.tegan.ai/tegan

That's the demo agent you can hear from the floating bubble on this site. Same URL pattern. Same setup. Zero code on your side.

Open the demo page

Four placement modes

Pick one. Or use all four.

  • Hosted page

    Shareable meet.tegan.ai/your-slug URL. Send the link anywhere — email, calendar invite, QR code, ad creative. The conversation runs in the user's browser. Zero install, no code.

    meet.tegan.ai/your-slug

  • Floating bubble

    Bottom-right of your app — the classic in-product help affordance. Always visible, never blocks the page, opens on tap.

    data-tegan-mode="floating"

  • Inline panel

    Embed me directly into a specific page section — pricing page, onboarding flow, upgrade screen. The conversation appears inline where you want it.

    data-tegan-mode="inline-view"

  • Pop-out bubble

    The session breaks out into its own floating window that survives navigation and tab close. Users can browse your app — or anywhere — and the conversation keeps going.

    data-tegan-mode="popout"

The snippet

Paste in your <head>. Ship.

That's the entire integration. The slug binds the embed to your agent; the mode picks the placement. Origin allowlist guards which domains can load the embed.

  • Origin allowlist per customer — security gate
  • Shadow-DOM isolation — zero CSS bleed in either direction
  • Loads after-interactive — never blocks your paint
  • Exposes window.Tegan.start() / open() for in-page buttons
index.html
<!-- Floating bubble in the bottom-right -->
<script
  src="https://meet.tegan.ai/embed.js?slot=bubble"
  data-tegan-slug="your-agent-slug"
  data-tegan-mode="floating"
  async
></script>

<!-- Or inline, in a specific section -->
<div id="tegan-aura"></div>
<script
  src="https://meet.tegan.ai/embed.js?slot=hero"
  data-tegan-slug="your-agent-slug"
  data-tegan-mode="inline-view"
  data-tegan-target="#tegan-aura"
  async
></script>

<!-- Or pop-out — session survives nav + tab close -->
<script
  src="https://meet.tegan.ai/embed.js?slot=popout"
  data-tegan-slug="your-agent-slug"
  data-tegan-mode="popout"
  async
></script>

Drop the snippet. Watch it work.

The free trial gives you 30 minutes — long enough to drop the script on a sandbox page and see the floating aura appear.

Start free trialSee configuration next