Add AI Chat to Your Website
One script tag or npm package. Works with any framework.
Create your agent
Register, create an agent, and teach it about your business by crawling your site or uploading files.
Copy widget code
Grab the 2-line embed snippet from your agent dashboard.
Add to your page
Paste the script tag before </body> in your HTML. Works on any website.
You're live
AI customer support with lead collection and conversation analytics.
Quick Start
Step 1: Add the script tag
<!-- Add before closing </body> tag -->
<script src="https://cdn.namiru.ai/chat/namiru-chat.umd.js"></script>Step 2: Initialize the widget
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
});
</script>Configuration
All configuration options for NamiruChat.init().
| Property | Type | Default | Description |
|---|---|---|---|
| agentId* | string | - | Your agent ID from the Agent Builder dashboard. |
| mode | "button" | "inline" | "button" | Display mode. "button" shows a floating chat bubble; "inline" renders directly in a container. |
| container | HTMLElement | - | Target container element for inline mode. Required when mode is "inline". |
Customization
Customize branding in the Agent Builder dashboard under Appearance. The widget fetches your settings automatically.
Button Mode
A floating chat bubble in the corner of your page. Visitors click to open the chat window.
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
mode: "button",
position: "bottom-right",
});
</script>Inline Mode
Embed the chat directly inside any container element on your page.
<div id="namiru-container" style="width: 400px; height: 600px;"></div>
<script>
NamiruChat.init({
agentId: "YOUR_AGENT_ID",
mode: "inline",
container: document.getElementById("namiru-container"),
});
</script>FAQ
Ready to add AI chat to your site?
Create your agent in the Agent Builder, customize it, and embed it on your website in minutes.