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 และสร้างการรวมตัวแบบพิเศษ