在您的网站上嵌入AI聊天机器人

您训练好的AI聊天机器人。
在您的网站上。
一行代码即可实现。

用您的文档训练它,粘贴一个简单的脚本标签,功能完整的AI聊天机器人即可出现在任何网站上,免费开始,无需信用卡,无需开发者。

工作原理

三步即可将文档转变为实时聊天机器人。

1

用您的文档训练

上传PDF、Word文档、文本文件或HTML页面。您的AI会阅读它们,并根据您的内容回答问题,让访客得到关于您业务的答案,而不是来自互联网的猜测。

2

复制嵌入代码

在拉米AI应用中打开网页聊天。您的个性化脚本标签已经准备好:一行代码,预先填写了您的聊天机器人 ID。复制它。

3

粘贴到</body>之前

将标签粘贴到您网站的HTML中。浮动聊天启动器立即出现:在WordPress、Shopify、Squarespace、Webflow或任何自定义网站上。

三种嵌入方式

选择最适合您网站的格式。

选项1 · 推荐

脚本标签:浮动启动器

在任何页面的右下角放置一个聊天按鈕。访客点击它,窗口打开,他们可以与您的AI对话,无需离开页面。零布局更改。

  • 适用于任何接受HTML的网站
  • 最适合:产品页面、电商、支持网站
  • 无CSS冲突:小组件自包含
<script
  src="https://chat.ragmyai.com/chat-widget.min.js"
  data-page-id="YOUR_CHATBOT_ID">
</script>
拉米AI embedded chatbot widget on a website

选项2

Iframe:内嵌放置

将聊天机器人放置在页面主体的精确位置:侧边栏、帮助区域或模态框中。您控制尺寸;聊天机器人填充其中。

  • 完全控制宽度和高度
  • 最适合:知识库、帮助中心、仪表板
  • 可嵌入Notion、Coda等工具
<iframe
  src="https://chat.ragmyai.com/YOUR_CHATBOT_ID"
  allow="microphone"
  width="300"
  height="400">
</iframe>
拉米AI chatbot embedded inline in a website page

选项3

公共URL:无需任何代码

每个聊天机器人都有一个可分享的URL。通过电子邮件、二维码、Slack消息或Notion页面发送。任何拥有链接的人都可以获得全页聊天界面,无需嵌入。

  • 零设置:只需复制并分享链接
  • 最适合:内部工具、客户交付、原型
  • 可用作二维码用于线下材料
https://chat.ragmyai.com/YOUR_CHATBOT_ID
拉米AI chatbot public URL full-page interface

打造专属风格

让组件与你的品牌相匹配。

脚本标签并非千篇一律。设置聊天窗口大小、更换按钮图标、选择你自己的形状和颜色,这一切都通过同一行代码中的属性完成。

你可以设置的属性

widget-width, widget-height
聊天窗口打开时的大小。
button-width, button-height
启动按钮本身的大小。
button-border-radius
按钮形状,从方形到全圆形。
button-background-color
按钮颜色,可用任意十六进制色值。
button-image-url
用你自己的图标或徽标替代默认图标。
button-image-width, button-image-height
该图标在按钮内的大小。
<script
  data-page-id="YOUR_CHATBOT_ID"
  src="https://chat.ragmyai.com/chat-widget.min.js"
  widget-width="400px"
  widget-height="600px"
  button-image-url="https://ragmyai.com/assets/logo-icon.png"
  button-image-height="48px"
  button-image-width="48px"
  button-height="64px"
  button-width="64px"
  button-border-radius="20%"
  button-background-color="#1F4FD8">
</script>

省略任意属性时会使用默认外观,因此你只需要设置想要更改的部分。

分步说明

在你的网站上粘贴聊天嵌入代码的位置。

在 RagmyAI 应用的 Web Chat > Script Tag 中复制你的 script 标签,然后粘贴到你所用平台的正确位置。部分平台只在付费方案中允许自定义代码。

WordPress

安装一个页眉和页脚代码插件(例如 WPCode),把 script 标签粘贴到页脚区域,或者把它加到主题的 footer.php 中 </body> 之前。

Shopify

进入 Online Store > Themes > Edit code,打开 theme.liquid,把 script 标签粘贴到 </body> 之前。保存后,每个页面都会出现聊天按钮。

Wix

进入 Settings > Custom Code,添加 script 标签,设置为在所有页面加载,并放在 Body - end。

Squarespace

在网站设置中打开 Code Injection,把 script 标签粘贴到 Footer 框中。

Webflow

打开 Site settings > Custom code,把 script 标签粘贴到 Footer code,然后发布网站。

Google Sites

Google Sites 不会运行 script 标签,所以请改用 iframe:Insert > Embed > Embed code,粘贴 iframe 并调整框的大小。

没有你的平台?如果你的网站允许添加 HTML,就把 script 标签粘贴到 </body> 之前。如果只允许嵌入,请使用 iframe,或分享聊天机器人的公开链接。

上线后

监控每次对话。根据真实访客问题重新训练。

聊天机器人上线后,网页聊天 > 通知会记录访客的每次交流。阅读任何对话记录,并对任何不准确的回答点击重新训练,它会在预加载该交流内容的训练编辑器中打开,让您在上下文中进行纠正。

这是提高回答质量的最快方法:来自真实访客的真实问题,逐一纠正,每次都让下一个回答更精准。

  • 每次访客会话的完整对话记录
  • 从任何对话一键重新训练
  • 实时使用通知
Monitor and retrain embedded chatbot conversations

使用场景

人们将其嵌入的地方。

电商与Shopify商店

用您的产品目录、退货政策和常见问题训练。无需雇用夜间支持,在凌晨3点回答客户问题。每周从真实购物者问题中重新训练。

  • 根据目录提供产品推荐
  • 即时解答退货和物流问题
  • 24/7全天候,无需额外员工

大学与在线课程

上传讲义、课程大纲和阅读列表。学生获得全天候的辅导员,仅根据课程材料回答问题,而非随机互联网来源。

  • 仅提供课程相关回答
  • 减少向讲师重复提问
  • 支持78种语言

SaaS与产品文档

用聊天机器人替换静态帮助文档,并在其上进行训练。访客用自然语言提问,而非搜索关键词。每个未回答的问题都显示出需要填补的空白。

  • 在文档中替换关键词搜索
  • 发现文档空白
  • 直接嵌入您的应用

"极佳的应用,易于使用且非常直观。强烈推荐。"

Jay D, 拉米AI power user
Jay D
深度用户 · Google Play 评价

"有史以来最好的应用。它在学习和任何我想了解的事情上都帮助了我。感谢应用开发者。"

James Carter, Student
James Carter
学生 · Google Play 评价

常见问题

嵌入聊天机器人常见问题。

在我的网站上嵌入拉米AI聊天机器人是免费的吗?

是的。免费计划允许您嵌入聊天机器人,无需信用卡。小组件、公共URL和iframe均可在免费版本中使用。

我需要懂得如何编程吗?

不需要。嵌入只需一次复制粘贴。您从 拉米AI应用获取一个脚本标签:在任何页面上粘贴到</body>标签之前。就这么简单。

它适用于哪些网站平台?

任何允许您添加HTML的平台:WordPress、Shopify、Squarespace、Webflow、Wix和自定义编码的网站。只要您能粘贴脚本标签,聊天机器人就能工作。

我能看到访客向聊天机器人提问什么吗?

可以。每次对话都记录在网页聊天 > 通知下。您可以阅读完整的对话记录,并直接从任何交流中重新训练回答。

这与通用AI聊天机器人小组件有何不同?

通用聊天机器人只依靠从互联网学到的内容回答,因此可能跑题,或对您的业务编造信息。拉米AI聊天机器人用您自己的网站页面和文档训练,并根据这些内容回答访客。在您训练它之前,它会用通用知识回答,所以请先添加您的内容。

我可以更改组件的颜色、大小或图标吗?

可以。脚本标签支持窗口大小、按钮大小和形状、按钮颜色以及自定义图标图片的可选属性。只需添加你需要的属性,其余部分将保持默认外观。

如何在我的网站上添加聊天机器人?

创建一个免费的拉米AI聊天机器人,并用您的网站链接或文档训练它。然后在应用中打开 Web Chat > Script Tag,复制脚本标签,粘贴到 </body> 结束标签之前。所有包含这段代码的页面都会出现聊天按钮。

聊天机器人的嵌入代码是什么样的?

只是一个脚本标签:<script data-page-id="your-page-id" src="https://chat.ragmyai.com/chat-widget.min.js"></script>。应用会自动填入您的页面ID,您只需复制粘贴。

可以用iframe嵌入聊天机器人吗?

可以。如果您想把聊天窗口直接放在页面中,例如侧边栏或帮助页面,请使用iframe:<iframe src="https://chat.ragmyai.com/your-page" allow="microphone" width="300" height="400"></iframe>。请从应用中复制完整代码。

它能像在线客服聊天小组件一样使用吗?

它的外观和用法都像在线客服聊天小组件,但由AI根据您自己的内容全天候即时回答访客。您可以在应用中查看每一段对话,并通过重新训练改进任何回答。

您的网站聊天机器人
只需一次粘贴即可实现。

永久免费计划。无需信用卡。用单个PDF训练,60秒内完成嵌入。

免费开始,立即嵌入

想要完整技术指南? 阅读嵌入操作指南 →