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モデル、文脈メモリ、送信するには 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.2 Klein と Stable Diffusion XL モデル。複数のアスペクト比。生成された画像をダウンロードします。
どうやって働くのか
埋め込みコードをコピー
上のウィジェットを選択し、iframe タグをコピーします。
2. HTML に貼り付け
ページのどこにでも iframe を追加します。CMS、フレームワーク、静的サイトで動作します。
3 訪問者はAIを使う
ウィジェットは完全に機能します。訪問者は一日限定で無料で利用できます。API キーは必要ありません。
プロのヒント
- セット
width="100%"必要なのです - 追加
loading="lazy"表示されるまでロードを遅らせるために iframe に指定します。 - ファイルを開く
<div>あなたはmax-width画像のサイズを制御するために 使うことができます - すべてのウィジェットは Free.ai の日々のトークンプールを使用します。Free.ai アカウントを確認した訪問者は 5 倍のトークン (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.
4つのツール: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/), Image Generation (/embed/image/) それぞれはiframe内で動作する完全な独立したインターフェースです。
はい。iframeの幅と高さの属性を変更します。このページの上部にあるカスタマイズコントロールを使って、異なるサイズのプレビューを行い、最新の埋め込みコードを取得します。反応的なレイアウトの場合は、幅を 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.
いえ、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.
いえ、訪問者は毎日6,000個の無料トークンで匿名でウィジェットを使用できます。他のタブで Free.ai にログインしているときは、自動的に30,000個のトークンを毎日使用できます。