Developer documentation

Agent Inbox Embed

Embed the agent chat inbox inside your CRM, admin panel, or mobile web app.

Your CRM / Admin

Wiretalk Inbox

Reply · Read · Transfer

Embed the full agent inbox so your team replies from your own CRM or admin panel.

Iframe embed code

Copy this into your CRM, React app, or any page where agents should manage chats.

agent-embed.html

<!-- Wiretalk Agent Inbox -->
<iframe
  src="https://wiretalk.tech/agent/embed"
  title="Wiretalk Agent Inbox"
  style="width:100%;height:720px;border:0;border-radius:12px;max-width:100%;"
  allow="microphone; display-capture"
  loading="lazy"
></iframe>

How it works

Embed the iframe

Place the snippet on a page your agents can access (e.g. /support/inbox).

Agent signs in once

First visit shows the Wiretalk login inside the iframe. Credentials are stored for return visits.

Reply & mark read

Full inbox: conversation list, replies, attachments, visitor details, and read receipts.

Embed URLs

URL	Use case
`https://wiretalk.tech/agent/embed`	Full inbox (recommended)
`https://wiretalk.tech/agent/embed/chat/{id}`	Open a specific conversation

Security & CSP

Your server must allow embedding on client domains. Set in production .env:

WIRETALK_AGENT_EMBED_FRAME_ANCESTORS=https://yourclient.com https://app.yourclient.com

Use * only for testing. See iframe troubleshooting if you see CSP errors.

Get embed code from dashboard

Dashboard → Widget Settings → Embed Code → Agent inbox embed includes your production URL pre-filled.

Open Widget Settings