Customization Studio

Configure Voice Widget

Set your ElevenLabs Agent ID, customize the widget, and copy an embeddable snippet hosted on /embed.

Already have an embed URL?

Paste it here to load its settings into the form — no need to re-enter anything.

How to find your Agent ID

Open your ElevenLabs dashboard.
Navigate to Conversational AI and choose your agent.
Copy the Agent ID string from the agent settings.

ElevenLabs Agent ID

Runs a brief text-only session against your agent — no microphone needed.

Layout

Use compact layoutShow frame and borderModeMessage styleCorner radiusWidget height (px)360–900

Content

Brand label (status tile)Text input placeholderEmpty state titleEmpty state descriptionAssistant avatar image URL (optional)Agent language override (optional)Requires the language override to be enabled in your ElevenLabs agent's security settings.

Brand theme

Orb primary color

Orb secondary color

Your message bubble

Your message text

Assistant message bubble

Widget surface

Widget text

Font family (optional)Uses fonts already available on the page hosting the widget.

Transparent page background

Saving stores your settings in this browser for previews. Your live widget is configured entirely by the embed snippet below — nothing is deployed from here.

You're viewing this from a local or unknown host, so the snippet uses https://your-domain as a stand-in. Replace it with the domain where you deployed this app before pasting.

A small button in the corner of your site that opens the widget in a panel. Paste before </body>.

<script src="https://your-domain/widget.js" data-src="https://your-domain/embed?agentId=agent_5901kbcpgqbef8dsh2qd7p8qhbtp" data-color="#c7eb68" data-label="Customer Support" data-width="380" data-height="600" async></script>