Embeddable AI Widget

Add AI chat, TTS, or any tool to your website with one line of code.

เพิ่ม AI ไปยังเว็บไซต์ของคุณในบรรทัดเดียว

ฝังวิดเจ็ต Free.ai ลงในเว็บไซต์ใด ๆ ด้วย <iframe> แบบง่าย ๆ AI Chat, ข้อความ-เป็น-เสียง, แปล, และสร้างภาพ, ใช้งานได้เต็มที่, ไม่จำเป็นต้องใช้ Backend

ปรับแต่งขนาดการฝัง

วิดเจ็ต AI Chat

เพิ่มช็อตบ็อท AI เต็มรูปแบบไปยังเว็บไซต์ของคุณ ผู้เข้าชมสามารถถามคำถามและได้รับคำตอบ AI ทันที

แสดงตัวอย่างสด

โค้ดฝัง

<iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>

ตัวเลือก: บทสนทนาหลายรอบ โมเดล Qwen 2.5 7B ความจำสถานการณ์ คำสั่ง Enter-to-Send ทางลัด

Text-to-Speech Widget

ช่วยให้ผู้เข้าชมแปลงข้อความเป็นเสียงพูด เสียงและแบบจำลองหลายตัว

แสดงตัวอย่างสด

โค้ดฝัง

<iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>

ตัวเลือก: ตัวอย่าง Kokoro, Piper, MeloTTS, และ Chatterbox เสียงชายและหญิง เสียงเล่นและดาวน์โหลด

วิดเจ็ตแปลภาษา

เพิ่มการแปล AI แบบทันทีไปยังเว็บไซต์ของคุณ สนับสนุนภาษา 450+ ผ่าน MadLAD-400

แสดงตัวอย่างสด

โค้ดฝัง

<iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>

ตัวเลือก: ตรวจจับภาษาต้นฉบับอัตโนมัติ ภาษาเป้าหมาย 450+ คัดลอกไปยังคลิปบอร์ด กำลังจาก Google MadLAD-400 3B

Image Generation Widget

ให้ผู้เข้าชมสร้างภาพ AI บนเว็บไซต์ของคุณโดยตรง จากข้อความที่แสดงให้เห็น

แสดงตัวอย่างสด

โค้ดฝัง

<iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>

ตัวเลือก: FLUX.2 โมเดลคลิน และ Stable Diffusion XL อัตราส่วนหลายๆ ด้าน ดาวน์โหลดภาพที่สร้างขึ้น

มันทำงานยังไง

1. คัดลอกรหัสฝัง
เลือกวิดเจ็ตด้านบน และคัดลอกแท็ก iframe

2. ปักหมุดลงใน HTML ของคุณ
เพิ่ม iframe ไปยังที่ใดก็ได้ในหน้าเว็บของคุณ ทำงานร่วมกับ CMS, เฟรมเวิร์ก หรือเว็บไซต์ที่ไม่เคลื่อนไหวได้

3. คนที่มาเยี่ยมคุณใช้ AI
วิดเจ็ตนี้ทำงานได้เต็มที่ ผู้เข้าชมจะได้รับสิทธิ์ฟรีในวันละจำนวนจำกัด - ไม่จำเป็นต้องใช้กุญแจ API

ข้อแนะนำ

  • ตั้งค่า width="100%" สำหรับวิดเจ็ตที่ตอบสนองได้ ที่จะเติมพื้นที่เก็บข้อมูลของมัน
  • เพิ่ม loading="lazy" ใช้กับ iframe เพื่อเลื่อนการโหลดจนกว่าวิดเจ็ตจะถูกเลื่อนมายังมุมมอง
  • วาง 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 /), ข้อความ-เป็น-เสียง (/ embed/ tts /), การแปล (/ embed/ translate /), และการสร้างภาพ (/ embed/ image /) ทุกตัวเป็นส่วนติดต่อที่ทำงานได้เต็มที่และทำงานใน iframe ใดๆ

ใช่ เปลี่ยนคุณสมบัติความกว้างและความสูงของ iframe ได้ ใช้ตัวควบคุมการปรับแต่งที่ด้านบนของหน้านี้ เพื่อดูขนาดต่าง ๆ และรับรหัสฝังที่ปรับปรุงใหม่ คุณยังสามารถตั้งค่า width=" 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.

ไม่ ตัว iframes จะถูกโหลดโดยไม่ขึ้นอยู่กับหน้าเว็บของคุณ เพิ่มคำว่า loading="lazy" เข้าไปในแท็ก iframe เพื่อเลื่อนการโหลดจนกว่าวิดเจ็ตจะถูกเลื่อนมาแสดงให้เห็น วิดเจ็ตจะเรียก 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.

Chat ใช้ Qwen 2.5 7B TTS ใช้ Kokoro, Piper, MeloTTS, และ Chatterbox การแปลใช้ MadLAD-400 (ภาษามากกว่า 450 ภาษา) การสร้างภาพใช้ FLUX.2Klein และ Stable Diffusion XL ทั้งหมดเป็นโมเดล Open Source

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 ชิ้นต่อวัน

รัก Free.ai บอกเพื่อนของคุณ

จัดอันดับหน้านี้