Namiru.ai
    即插即用聊天组件
    注册

    为您的网站添加AI聊天

    一个script标签或npm包。兼容所有框架。

    HTML / JS
    React / Angular / Vue
    WordPress
    步骤 1

    创建您的智能体

    注册、创建智能体，通过爬取网站或上传文件来教它了解您的业务。

    步骤 2

    复制组件代码

    从智能体仪表板获取2行嵌入代码。

    步骤 3

    添加到页面

    将script标签粘贴到HTML的</body>前。适用于任何网站。

    步骤 4

    已上线

    带有线索收集和对话分析的AI客户支持。

    快速开始

    步骤 1: 添加script标签

    添加script标签
    <!-- Add before closing </body> tag -->
<script src="https://cdn.namiru.ai/chat/namiru-chat.umd.js"></script>

    步骤 2: 初始化组件

    初始化组件
    <script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
  });
</script>

    配置

    的所有配置选项 NamiruChat.init().

    属性类型默认值描述
    agentId*string-来自Agent Builder仪表盘的智能体ID。
    mode"button" | "inline""button"显示模式。"button"显示浮动聊天气泡；"inline"直接渲染到容器中。
    containerHTMLElement-内联模式的目标容器元素。当模式为"inline"时必填。
    就这些 - 其他所有内容都可以直接在 Namiru.AI 仪表盘中配置。

    自定义

    在Agent Builder仪表盘的外观设置中自定义品牌。组件会自动获取您的设置。

    按钮模式

    页面角落的浮动聊天气泡。访客点击即可打开聊天窗口。

    按钮模式
    <script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "button",
    position: "bottom-right",
  });
</script>

    内联模式

    将聊天直接嵌入到页面上的任何容器元素中。

    内联模式
    <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>

    常见问题

    准备好为您的网站添加AI聊天了吗？

    在Agent Builder中创建智能体，自定义它，并在几分钟内嵌入到您的网站。