Embeddable AI Widget | Free.ai
Add AI chat, TTS, or any tool to your website with one line of code.
在您的网站单行添加 AI
在任何网站以简单
自定义嵌入大小
AI 聊天部件
访问者可以提问并立即得到AI回复。
现场预览
嵌入代码
<iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
特点: 多方向对话、Qwen 2.5 7B 模型、上下文内存、输入到发送键盘快捷键。
文本到语音部件
让访问者将文字转换为自然声音的演讲。 多种声音和模式可供使用。
现场预览
嵌入代码
<iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
特点: Kokororo, Piper, MelotTS, 和聊天盒模型, 男女声音, 音频播放和下载。
翻译部件
立即将 AI 翻译添加到您的网站。 通过 MadLAD- 400 支持 450 + 语言 。
现场预览
嵌入代码
<iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
特点: 自动探测源语言、450+目标语言、复制到剪贴板,由Google MadLAD-400 3B供电。
图像生成元件
让访问者从文本提示中直接在您的网站上生成 AI 图像 。
现场预览
嵌入代码
<iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
特点: FLUX.1 Schnell, 稳定扩散 XL, 和 Kandinsky 模型。 多维比例。 下载生成的图像 。
如何运作
1. 复制嵌入代码
选择上面的部件并复制 Iframe 标记 。
2. 粘贴在您的 HTML
在您的页面中任意添加一框架。 与任何 CMS、 框架或静态站点一起工作 。
3. 您的访客使用AI
该部件已完全正常运行。 访客可免费获得每日限制, 无需使用 API 密钥 。
Pro Tips Pro 提示
- 设置套套设
width="100%"用于装满容器的响应部件。 - 添加添加添加
loading="lazy"将装入推迟到部件滚动到视图中。 - 环绕框架
<div>与max-width以控制大屏幕上的缩放。 - 所有部件都使用Free.ai日代币池。 注册到Free.ai的访客会收到5x的代币。
- 想要更高的权限 在你的网站? 获得 API 密钥 建立自定义整合。
FAQ
The widget is a lightweight iframe embed that adds Free.ai tools to any website. Copy and paste one line of HTML to embed AI chat, text-to-speech, translation, or image generation on your own site without building any AI infrastructure.
Copy the iframe embed code for the tool you want and paste it into your HTML. For example: <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none"></iframe>. That is all you need.
目前共有四个工具:AI 聊天(/编组/聊天/)、文字到语音(/编组/插件/)、翻译(/编组/翻译/)和图像生成(/编组/图像/)。
是。 更改 ifram 上的宽度和高度属性。 使用此页面顶部的定制控件来预览不同的大小并获得更新的嵌入代码。 您也可以为响应性布局设定宽度=“ 100% ” 。
The widget is completely free to embed. Visitors use the Free.ai daily token pool. Anonymous visitors get 2,500 tokens per day, and signed-in users get 5,000 tokens per day.
否。 Irames 卸载的值独立于您的页面。 添加装入=“ 懒惰” 到 irame 标记, 以推迟装入到部件滚动到视图中。 部件只有在访问者与它发生交互作用时才会调用 API 。
是的。任何支持自定义 HTML 或嵌入块的平台都可以使用这些部件。在 WordPress 中,请使用自定义 HTML 块。在手动中,请使用自定义 液体部分。在平方空间中,请使用代码块。
是的。 部件接口完全响应, 并且对电话、 平板电脑和桌面进行操作。 它们自动适应iframe 尺寸 。
Yes. Since these are standard iframe embeds, they work in any framework. In React, just use <iframe src="https://free.ai/embed/chat/" /> directly in JSX. No special setup needed.
TTS提供Kokoro、Piper、MelotTS和Chatterbox。翻译使用MadLAD-400(450+语言)。图像生成使用FLUX.1 Schnell、Stacl Diffulation XL和Kandinsky 2.2. 所有开放源模式。
The iframe widgets use the visitor's own Free.ai daily limits. For higher volume or custom integrations, use our API directly with your API key. See the Developer page for details.
No. Visitors can use the widget anonymously with 2,500 free daily tokens. If they happen to be signed in to Free.ai in another tab, they automatically get their higher 5,000-token daily limit.