Customize the embedded Angie UI
widgetConfig controls empty-state copy, starter prompts, feature toggles,
close behavior, and which host MCP server Angie should feature first.
Config is sent to the iframe as sdk-widget-config.
Presets
Patterns from Elementor production hosts. Pick a preset to reload with a different
widgetConfig and layout.
- Help center sidebar my.elementor-style embed
- Visitor floating search angie-for-visitors-style widget
- Feature sandbox most toggles enabled
Active: Help center sidebar —
Resolved widgetConfig
Built by buildWidgetConfig() in host.js.
Override copy at runtime with window.angieConfig then reload.
{}
Try in the console:
window.angieConfig = { title: 'Custom', prompts: [{ label: 'Hi', value: 'Hello' }] }
Common fields
title/subtitle- Empty-state heading and supporting line
suggestions.items- Starter chips —
labelshown,valuesent as prompt featuredMcpServer- Matches
registerServer({ name })on the host modeSwitcherenabled+default:agent|plan|askcloseButtoncollapse(sidebar default) orclose(floating chat default)localServers.skipLoading- Register MCP servers yourself after
waitForReady() aiContextGuidance- Show that
host.aiContextis available (enabled in help center preset)