Add AI Chat to Your Website

    One script tag or npm package. Works with any framework.

    HTML / JS
    React / Angular / Vue
    WordPress
    Step 1

    Create your agent

    Register, create an agent, and teach it about your business by crawling your site or uploading files.

    Step 2

    Copy widget code

    Grab the 2-line embed snippet from your agent dashboard.

    Step 3

    Add to your page

    Paste the script tag before </body> in your HTML. Works on any website.

    Step 4

    You're live

    AI customer support with lead collection and conversation analytics.

    Quick Start

    Step 1: Add the script tag

    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

    Initialize the widget
    <script>
      NamiruChat.init({
        agentId: "YOUR_AGENT_ID",
      });
    </script>

    Configuration

    All configuration options for NamiruChat.init().

    PropertyTypeDefaultDescription
    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.
    containerHTMLElement-Target container element for inline mode. Required when mode is "inline".
    That's it - everything else is configurable directly in the Namiru.AI dashboard.

    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.

    Button mode
    <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.

    Inline mode
    <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.