Namiru.ai
注册

为您的网站添加AI聊天

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

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

创建您的智能体

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

步骤 2

复制组件代码

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

步骤 3

添加到页面

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

步骤 4

已上线

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

让 AI 为你安装 Namiru

将一条指令复制给编程助手，它会把组件放入正确的全局文件。

  • Codex
  • Claude
  • Kimi
  • Muse
正在查找你的机器人...

快速开始

步骤 1: 添加script标签

添加script标签
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.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中创建智能体，自定义它，并在几分钟内嵌入到您的网站。