Add an agent to a website

Choose the widget mode that fits your page and configure the generated embed settings for a browser voice experience.

​

Prerequisites

• A workflow with embedding enabled.
• A published workflow and a test page where you can inspect the result.

​

Choose a mode

​

Floating widget

Use the floating widget when the call control should stay available while visitors browse the page. Configure the widget in the workflow’s website settings, copy the generated snippet, and place it before the closing body tag.

​

Inline component

Use the inline component when the call control belongs inside a specific page section. Add the generated script and provide the container element where the component should render.

​

Headless mode

Use headless mode when your page owns the controls and Klatt supplies the call session behavior. Connect your buttons to the generated client events and make the call state visible and keyboard accessible.

​

Constraints and failure states

The workflow must have an active embed token before the generated snippet can initialize. Test the page from an allowed domain and verify microphone permission, loading, connection, and end-call states.

​

Protect your data

Treat the embed token and browser session as public-facing capabilities. Restrict allowed domains, do not put provider secrets in page code, and avoid sending unnecessary visitor data.

​

Related

• Workflow fundamentals
• API Trigger node
• Interruption settings