Go beyond standard customization with advanced CSS and JavaScript injection. Achieve pixel-perfect brand alignment, add custom behaviors, and integrate deeply with your site—all while maintaining security.
Standard customization covers 90% of needs, but unique brands demand unique solutions. Our advanced styling and scripting injection capabilities give design teams and developers the power to create truly distinctive AI agent experiences without forking or modifying core widget code.
Provide CSS as a URL-encoded string or reference an external stylesheet URL. The loader injects your styles into a <style> tag within the widget's iframe during initialization, before the main application mounts. Your rules can override defaults, add new classes, or enhance existing components.
The widget's CSS architecture follows BEM naming conventions, making overrides predictable and maintainable.
Beyond styling, custom JavaScript enables sophisticated integrations:
Both methods execute in the iframe's global scope with full access to widget APIs and the DOM.
Custom code runs with full iframe privileges, including access to widget state, API calls, and customer conversations.