Take your custom voice agent live on any website by dropping in a lightweight JavaScript snippet. You can customize the widget's appearance to match your brand seamlessly.
Widget Customization (websdk_style)
To style the widget, update your agent's websdk_style JSON configuration via the /update-agent endpoint. Use the Authorization: Token prefix for API keys.
cURL
Available Style Properties
| Property | Type | Description | Default |
|---|---|---|---|
button_position | string | Widget location: bottom-right, bottom-left | bottom-right |
button_color | string | HEX code for the button background | #000000 |
text_color | string | HEX code for the button text | #FFFFFF |
icon_color | string | HEX code for the microphone icon | #FFFFFF |
border_radius | string | CSS border radius (e.g. 8px or 50%) | 50% |
animation | string | Idle state animation: pulse, bounce, none | pulse |
Embed Snippet
Once your agent is configured and styled, you can embed it on any HTML page. Add this script tag just before the closing </body> tag.
HTML Snippet
React / Next.js Support
If you are using React, you can also use our NPM package
@vozzo/react-agent-ui to import the widget as a native React component
for deeper state control.
← Test Agent
Preview the web experience before deploying
Deploy on Phone →
Handle inbound and outbound phone calls
Last modified on