在您的网站上嵌入AI聊天机器人
用您的文档训练它,粘贴一个简单的脚本标签,功能完整的AI聊天机器人即可出现在任何网站上,免费开始,无需信用卡,无需开发者。
工作原理
上传PDF、Word文档、文本文件或HTML页面。您的AI会阅读它们,并根据您的内容回答问题,让访客得到关于您业务的答案,而不是来自互联网的猜测。
在拉米AI应用中打开网页聊天。您的个性化脚本标签已经准备好:一行代码,预先填写了您的聊天机器人 ID。复制它。
将标签粘贴到您网站的HTML中。浮动聊天启动器立即出现:在WordPress、Shopify、Squarespace、Webflow或任何自定义网站上。
三种嵌入方式
选项1 · 推荐
在任何页面的右下角放置一个聊天按鈕。访客点击它,窗口打开,他们可以与您的AI对话,无需离开页面。零布局更改。
<script
src="https://chat.ragmyai.com/chat-widget.min.js"
data-page-id="YOUR_CHATBOT_ID">
</script>
选项2
将聊天机器人放置在页面主体的精确位置:侧边栏、帮助区域或模态框中。您控制尺寸;聊天机器人填充其中。
<iframe
src="https://chat.ragmyai.com/YOUR_CHATBOT_ID"
allow="microphone"
width="300"
height="400">
</iframe>
选项3
每个聊天机器人都有一个可分享的URL。通过电子邮件、二维码、Slack消息或Notion页面发送。任何拥有链接的人都可以获得全页聊天界面,无需嵌入。
https://chat.ragmyai.com/YOUR_CHATBOT_ID
打造专属风格
脚本标签并非千篇一律。设置聊天窗口大小、更换按钮图标、选择你自己的形状和颜色,这一切都通过同一行代码中的属性完成。
widget-width, widget-heightbutton-width, button-heightbutton-border-radiusbutton-background-colorbutton-image-urlbutton-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 标签,然后粘贴到你所用平台的正确位置。部分平台只在付费方案中允许自定义代码。
安装一个页眉和页脚代码插件(例如 WPCode),把 script 标签粘贴到页脚区域,或者把它加到主题的 footer.php 中 </body> 之前。
进入 Online Store > Themes > Edit code,打开 theme.liquid,把 script 标签粘贴到 </body> 之前。保存后,每个页面都会出现聊天按钮。
进入 Settings > Custom Code,添加 script 标签,设置为在所有页面加载,并放在 Body - end。
在网站设置中打开 Code Injection,把 script 标签粘贴到 Footer 框中。
打开 Site settings > Custom code,把 script 标签粘贴到 Footer code,然后发布网站。
Google Sites 不会运行 script 标签,所以请改用 iframe:Insert > Embed > Embed code,粘贴 iframe 并调整框的大小。
没有你的平台?如果你的网站允许添加 HTML,就把 script 标签粘贴到 </body> 之前。如果只允许嵌入,请使用 iframe,或分享聊天机器人的公开链接。
上线后
聊天机器人上线后,网页聊天 > 通知会记录访客的每次交流。阅读任何对话记录,并对任何不准确的回答点击重新训练,它会在预加载该交流内容的训练编辑器中打开,让您在上下文中进行纠正。
这是提高回答质量的最快方法:来自真实访客的真实问题,逐一纠正,每次都让下一个回答更精准。
使用场景
用您的产品目录、退货政策和常见问题训练。无需雇用夜间支持,在凌晨3点回答客户问题。每周从真实购物者问题中重新训练。
上传讲义、课程大纲和阅读列表。学生获得全天候的辅导员,仅根据课程材料回答问题,而非随机互联网来源。
用聊天机器人替换静态帮助文档,并在其上进行训练。访客用自然语言提问,而非搜索关键词。每个未回答的问题都显示出需要填补的空白。
"极佳的应用,易于使用且非常直观。强烈推荐。"
"有史以来最好的应用。它在学习和任何我想了解的事情上都帮助了我。感谢应用开发者。"
常见问题
是的。免费计划允许您嵌入聊天机器人,无需信用卡。小组件、公共URL和iframe均可在免费版本中使用。
不需要。嵌入只需一次复制粘贴。您从 拉米AI应用获取一个脚本标签:在任何页面上粘贴到</body>标签之前。就这么简单。
任何允许您添加HTML的平台:WordPress、Shopify、Squarespace、Webflow、Wix和自定义编码的网站。只要您能粘贴脚本标签,聊天机器人就能工作。
可以。每次对话都记录在网页聊天 > 通知下。您可以阅读完整的对话记录,并直接从任何交流中重新训练回答。
通用聊天机器人只依靠从互联网学到的内容回答,因此可能跑题,或对您的业务编造信息。拉米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 src="https://chat.ragmyai.com/your-page" allow="microphone" width="300" height="400"></iframe>。请从应用中复制完整代码。
它的外观和用法都像在线客服聊天小组件,但由AI根据您自己的内容全天候即时回答访客。您可以在应用中查看每一段对话,并通过重新训练改进任何回答。