Embeddable AI Widget
Add AI chat, TTS, or any tool to your website with one line of code.
将 AI 加入到您的网站
任何网站都包含Free.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 2 Klein 和 Stable Diffusion XL 模型。 多维比率。 下载生成的图像 。
如何运作
1. 复制嵌入代码
选择上面的部件并复制 Iframe 标记 。
2. 粘贴在您的 HTML 中
在您的页面中任意添加一框架。 与任何 CMS、 框架或静态站点一起工作 。
3. 访客使用AI
该部件已完全正常运行。 访客可免费获得每日限制, 无需使用 API 密钥 。
Pro 提示
- 设置套套设
width="100%"用于装满容器的响应部件。 - 添加
loading="lazy"将装入推迟到部件滚动到视图中。 - 环绕框架
<div>与max-width以控制大屏幕上的缩放。 - 所有部件都使用Free.ai个每日象征性游泳池。 注册到Free.ai个的访客可以得到12个以上的象征性( 每天30,000个) 。
- 想要更高的权限 在你的网站? 获得 API 密钥 建立自定义整合。
FAQ 常见时( Q)
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 6,000 tokens per day, and signed-in users get 30,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.
否。 访客可以匿名使用部件,每天有6,000个免费的标牌。如果在另一个标签中签名到Free.ai个,他们自动获得更高的3万吨日限。