Widget
The Widget channel is used to embed an interactive chat directly on your website or system.
Steps to Create
Select Type: Widget.
Name the channel (e.g., Official Widget).
Assign a responder (Agent or Squad).
Optionally, add a custom prompt.
Set the response delay.
Click Create Channel.
Once created, the channel exposes a Widget Configuration Page containing:
Configuration Code
JavaScript snippet that must be copied and pasted into your site or web app.
Theme Controls
Switch between Light Mode and Dark Mode versions.
Customization Options
Modify colors for background, text, and buttons.
Open on Load
Option to auto-open the widget when the page loads.
<body>
<script>
window.ZV2Widget = {
ChannelURL: "https://widget.endless.zaia.app/widget/channel/..."
};
</script>
<script src="https://widget.endless.zaia.app/script/widget-loader.js" async></script>
</body>⚙️ Use the “Copy” button to copy the full script into your HTML
<body>section. Once deployed, your website visitors will be able to chat directly with your Agent.
Customization Notes
For Widget Channels, Zaia provides a live customization environment:
Modify message bubble colors and text colors.
Adjust button color to match your branding.
Switch between Light and Dark previews.
Instantly preview all UI changes before saving.
Each customization option is applied independently per channel, allowing multiple widget styles for different sites or environments.
Last updated