Skip to main content
The Maedo Widget Editor gives you full control over how your agent looks and interacts with your users. Follow these steps to tailor every detail of your webchat experience.
1

Design & Appearance

​
Setup your brand visuals

Match the widget to your website’s visual style.
​
string
The theme color for the launcher, buttons, and interaction elements (e.g., #000000).
​
string
The SVG icon that represents the widget in its closed state.
2

Agent Identity

​
Define who your agent is

Define how your AI agent presents itself to users.
​
string
The primary name displayed at the top of the chat window.
​
string
A short description of the agent’s purpose (e.g., “Customer Support”).
​
string
Fallback characters shown in the avatar bubble (e.g., “MA”).
​
string
Direct link to an image file for the agent’s profile picture.
3

Home Screen & Launcher

​
Design the landing experience

Configure the initial state users see when they first open the widget.
​
string
The main greeting text on the launcher home screen (e.g., “Hi Maya”).
​
string
Supporting text below the main title.
​
string
Label for the primary CTA to begin a conversation.
4

Messaging Flow

​
Tailor the conversation

Control the text and tone of the active chat interface.
​
string
default:"Hello!"
The headline users see when starting a new conversation.
​
string
The first automated message sent to users in a new thread.
5

Security & Deployment

​
Secure your widget

Ensure your widget is only used where intended.
​
string[]
Restrict the widget to specific domains (e.g., maedo.in).
​
number
Maximum calls per minute per user to ensure system stability.