Add a team of AI agents to your Angular app — a support agent grounded in your content that answers with cited sources and can reach your tools via MCP, asking before it changes anything. Angular's index template makes embedding a single tag.
What your visitors get
A visitor with a question gets an instant, cited answer pulled from your own pages rather than a generic guess. Behind the widget, AIML.chat runs a Support agent grounded in your content and tool-calling agents that act through the Model Context Protocol (MCP), with human write-confirm on anything that changes data. Every answer links to the exact source page, so trust stays high. It also captures a lead when it can't fully answer, so you never lose a visitor, and the analytics surface the questions your content doesn't yet cover.
Add it in three steps
- 1Create a website in AIML.chat and point the crawler at your app's URL (or connect its GitHub repo). It indexes and embeds your public pages automatically.
- 2Add the widget embed snippet to the
<head>(or end of<body>) insrc/index.html, so it loads with the app shell on every route. - 3Build and deploy. The widget appears site-wide, themed to match, and stays current as you re-crawl.
Because the widget is vanilla JS under 30KB gzipped and lives outside Angular's component tree, it loads cleanly without touching your modules or change detection. As your content changes, a re-crawl — manual, scheduled, or via the GitHub Action on every push — keeps answers accurate. For other JS stacks, see the Vue.js guide.
How do I embed it in Angular?+
Add the widget embed snippet to src/index.html (in the head or end of body) so it loads with the app shell on every route.
Does it interfere with Angular?+
No. The widget lives outside the component tree, so it doesn't touch your modules or change detection.
Is there a free plan?+
Yes — 100 messages a month and one website on the free tier. See pricing for higher limits.