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>
特征: Kokoro、 Piper、 MeloTTS 和 Chatterbox 模型。 男性和女性的声音。 音频播放和下载 。
翻译部件
将即时 AI 翻译添加到您的网站。 通过 MadLAD-400 支持 450 种语言 。
现场预览
嵌嵌代码
<iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
特征: 自动探测源语言、450+目标语言、抄本到剪贴板,由谷歌 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"以 iframe 推迟装入到部件滚动到视图中。 - 将框架包以
<div>与max-width控制大屏幕上的缩放。 - 所有部件都使用 Free.ai 日代代币池。 持有 Free.ai 账户确认的访客会收到 5x 个以上代币( 每天30 000 美元) 。
- 想要更高的权限 为你的网站? 获得 API 密钥 并构建一个自定义整合。
常当问题
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 Chat (/编织/聊天/)、文字对语音(/编织/节奏/)、翻译(/编织/翻译/)和图像生成(/编织/图像/),每个工具都是在任何一框架中都起作用的功能完整的独立接口。
是。 更改 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 块。在 手动中,使用自定义的 Livile 区块。在 Salspace 中,使用代码区块。
是的。 部件界面完全响应, 并且对电话、 平板电脑和桌面进行操作。 它们自动适应 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 的 zqxqz 签名,他们自动获得更高的 30,000 吨每日限制 。