Skip to main content
Access: Navigate to Web Widgets in the main menu and click Edit on any widget. The widget configuration editor lets you customize your web widget. A live preview on the right side of the editor updates as you make changes.

Setup

Basic configuration that defines how the widget operates.
SettingDescription
Widget NameInternal name for identification in the widget list
AgentThe voice agent that handles conversations through this widget. Configure agents in your agent editor.
Display NameThe agent’s name shown to visitors in the widget
Domain RestrictionsLimit which domains the widget can load on. Leave empty to allow all domains.
Domain restrictions are an important security measure. Without them, anyone who obtains your embed code could deploy the widget on their own site. Add your domains to prevent unauthorized usage.

Appearance

Visual customization to match your brand identity.

Theme Presets

Choose from a set of pre-designed color themes to quickly style your widget. Click any preset to apply it — you can fine-tune individual colors afterward.

Layout

SettingDescription
PlacementBottom-left or bottom-right of the page
SizeSmall, medium, or large
Horizontal OffsetDistance from the edge of the page (in pixels)
Vertical OffsetDistance from the bottom of the page (in pixels)
Expanded BehaviorStarts collapsed, starts expanded, or always expanded

Avatar

Choose how your widget’s avatar appears:
TypeDescription
OrbAnimated gradient pulse with 4 customizable colors
ImageUpload a custom image (PNG, JPEG, WebP)
LinkDisplay an avatar from a URL

Colors

Colors are grouped into four collapsible sections for detailed control:
Widget background, consent screen, chat area, feedback section, bottom section (input + branding), collapse button, and text on background.
Button background, text, hover background, and border. Toggle to animate the start call button.
Agent message background, text, and border. Visitor message background, text, and border.
Status description text, pulse ring, and indicator colors for speaking, listening, thinking, and connecting states.

Corner Radius

Control rounding for the widget container, input fields, message bubbles, CTA buttons, and collapse button.

Content

Customize all text and labels displayed in the widget.

Language Presets

Select a language to auto-populate all text fields with translated defaults. You can then customize individual labels.

Welcome Messages

SettingDescription
Welcome MessageGreeting text shown when the widget first opens
Placeholder TextHint text in the message input field

Status Messages

SettingDescription
Action TextMain call-to-action button label
ConnectingText shown while connecting
ListeningText shown when the agent is listening
SpeakingText shown when the agent is speaking
ThinkingText shown when the agent is processing

Feedback Messages

SettingDescription
Feedback MessagePrompt shown to collect visitor feedback
Submit ButtonText on the feedback submit button
Thank You MessageConfirmation shown after feedback is submitted
Customizing content labels is useful for localization or matching your brand voice.

Features

Toggle capabilities on or off. Chat-only mode automatically disables some features.

Widget Mode

SettingDescription
Chat-only modeDisable voice features and use text chat only

Voice

Chat-only mode disables these settings.
SettingDescription
Allow text during callLet visitors type messages while on a voice call
Show transcriptDisplay a live transcript of voice conversations
Mute controlAllow visitors to mute their microphone
Call timerShow call duration during voice conversations

Interaction

SettingDescription
Skip greeting on initial textSkip the agent’s greeting when the visitor starts with a text message
Enable feedback collectionPrompt visitors for feedback after the conversation
Allow image shareLet visitors share images in chat conversations

Display

SettingDescription
Show brandingDisplay “Powered by itellicoAI” in the widget footer

Actions

Configure link buttons that appear in the widget, giving visitors quick access to common next steps. You can add up to 5 actions. Each action has:
SettingDescription
LabelButton text
URLDestination link — supports https://, http://, and tel: for phone numbers
Auto-clickOpen the link automatically when the action triggers
Await responseWait for the visitor to complete the linked step before continuing
TimeoutMaximum wait time when Await response is enabled
End call on clickEnd the voice call after the visitor clicks a non-phone link
TriggerInstructions for when the agent should show or use the action
EnabledToggle the saved action on or off from the action list
The widget fetches a favicon from the linked domain and displays it next to each action. For tel: links, the widget treats the action as a phone handoff and disables web-page wait behavior.

Privacy

Control privacy and consent settings for widget visitors.

Trust Center

SettingDescription
Enable Trust CenterToggle on to create a public privacy page for this widget
Privacy Policy URLLink to your privacy policy (required when Trust Center is enabled)
Subprocessors URLLink to your subprocessors list (optional)
Public URLAuto-generated shareable link to the Trust Center page
SettingDescription
Terms ContentMarkdown text displayed as your terms/consent notice
Accept Button TextLabel on the accept button
Dismiss Button TextLabel on the dismiss button
Consent RequiredWhen enabled, visitors must accept terms before starting a conversation

Share

Generate shareable links that open a standalone page with your widget — useful for stakeholder review and testing before going live.
The share tab is only available after you save the widget.
See Widget Share Links for full details on creating and managing share links.

Export

Generate the embed code to deploy your widget on your website. Copy the generated script and paste it into your website’s HTML, just before the closing </body> tag.
<script src="https://widgets.itellico.ai/widgets/your-widget-id/widget.js" async></script>
The embed code remains the same even when you update widget settings. The platform applies configuration changes automatically; you do not need to update your site’s code.

Next Steps

Web Widgets Overview

Manage your widget list, create new widgets, and open the widget editor

Widget Deployment

Follow the step-by-step guide to deploying your widget on your website