Embeddable AI Widget | Free.ai
Add AI chat, TTS, or any tool to your website with one line of code.
ウェブサイトに一行でAIを追加
簡単な
埋め込みコード
<iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
特徴: 多ターン会話、Qwen 2.5 7Bモデル、文脈メモリ、送信するには Enter キーボードショートカット。
テキストから音声への変換ウィジェット
テキストを自然な音の音声に変換します。複数の声とモデルが利用できます。
ライブプレビュー
埋め込みコード
<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以上のターゲット言語、クリップボードへのコピー、Google MadLAD-400 3Bによる動作。
画像生成ウィジェット
テキストプロンプトから直接ウェブサイト上でＡＩ画像を生成する。
ライブプレビュー
埋め込みコード
<iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
特徴: FLUX.1 Schnell, Stable Diffusion XL, Kandinsky モデル。複数のアスペクト比。生成された画像をダウンロードします。
どうやって働くのか
埋め込みコードをコピー
上のウィジェットを選択し、iframe タグをコピーします。
2. HTML に貼り付け
ページのどこにでも iframe を追加します。どんな CMS、フレームワーク、静的サイトでも動作します。
3 訪問者はAIを使う
ウィジェットは完全に機能しています。訪問者は無料の日限を得ます。APIキーは必要ありません。
プロのヒント
- セット
width="100%"必要なものです - 追加
loading="lazy"表示されるまでロードを遅らせるために iframe に追加されます。 - iframe を 1 つのフレームに包み込む
<div>あなたとmax-width画面サイズを制御するために 使われています - すべてのウィジェットは Free.ai 日間トークンプールを使用します。Free.ai にログインした訪問者は 5 倍のトークンを得ます。
- サイトの制限を上げたいですか？ 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チャット (/embed/chat/)、テキストから音声 (/embed/tts/)、翻訳 (/embed/translate/)、画像生成 (/embed/image/) の4つで、それぞれがどのiframeでも動作する完全な独立したインターフェースです。
はい。iframeの幅と高さの属性を変更してください。このページの上部にあるカスタマイズコントロールを使って、異なるサイズのプレビューを行い、最新の埋め込みコードを取得してください。また、反応型レイアウトの場合は width="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.
いえ、iframe はページとは独立してロードされます。 iframe タグに loading="lazy" を追加すると、ロードをウィジェットが表示されるまで遅らせます。ウィジェットは、訪問者がウィジェットとインタラクションするときにのみ API を呼び出します。
はい。カスタム HTML ブロックまたは埋め込みブロックをサポートするプラットフォームは、これらのウィジェットを使用できます。WordPress では、カスタム HTML ブロックを使用してください。Shopify では、カスタム Liquid セクションを使用してください。Squarespace では、コードブロックを使用してください。
はい。ウィジェットインターフェースは完全に応答性があり、携帯電話、タブレット、デスクトップで動作します。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.
チャットはQwen 2.5 7Bを使用します。TTSはKokoro、Piper、MeloTTS、Chatterboxを提供します。翻訳はMadLAD-400（450以上の言語）を使用します。画像生成はFLUX.1 Schnell、Stable Diffusion 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.