Embeddable AI Widget

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

Tambah AI ke Laman Web Anda dalam Satu Baris

Membenamkan widget Free.ai pada mana-mana laman web dengan </code> yang mudah. Sembang AI, teks-ke-percakapan, terjemahan, dan penjanaan imej - sepenuhnya berfungsi, tiada backend diperlukan.</p> </div> </div> <div class="card border-0 shadow-sm mb-4" style="border-radius:14px"> <div class="card-body p-4"> <h3 class="fw-bold mb-3" style="font-size:1.15rem"><i class="bi bi-sliders me-2"></i>Saiz Lalai</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Lebar (px)</label> <input type="number" id="embed-width" class="form-control form-control-sm" value="400" min="250" max="800"> </div> <div class="col-md-4"> <label class="form-label small text-muted">Tinggi (px)</label> <input type="number" id="embed-height" class="form-control form-control-sm" value="500" min="300" max="800"> </div> <div class="col-md-4"> <label class="form-label small text-muted">Sempadan</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Tiada Sempadan</option> <option value="1px solid #e5e7eb">Sempadan Cerah</option> <option value="1px solid #000">Sempadan Gelap</option> <option value="2px solid #4f46e5">Sempadan Aksen</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Kemaskini Semua Pralihat</button> </div> </div> <div class="card border-0 shadow-sm mb-4" style="border-radius:14px"> <div class="card-body p-4"> <h3 class="fw-bold mb-3" style="font-size:1.15rem"><i class="bi bi-chat-dots me-2"></i>Widget AI Chat</h3> <p class="text-muted mb-3">Tambah chatbot AI penuh ke laman web anda. Pengunjung boleh bertanya soalan dan mendapat maklum balas AI segera.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Prapapar Segera</p> <iframe id="preview-chat" src="https://free.ai/embed/chat/" width="400" height="500" style="border:none;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.1)" loading="lazy">


                    
                        Kod Terbenam
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Ciri-ciri: Perbualan berbilang pusingan, model Qwen 2.5 7B, memori konteks, pintasan papan kekunci Enter-to-send.



        
        
            
                Widget Teks-ke-Tutur
                Biarkan pengunjung menukar teks kepada ucapan yang berbunyi semulajadi. Berbilang suara dan model tersedia.
                
                    
                        Prapapar Segera
                        
                    
                    
                        Kod Terbenam
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Ciri-ciri: Model Kokoro, Piper, MeloTTS, dan Chatterbox. Suara lelaki dan perempuan. Putaran dan muat turun audio.
                    
                
            
        

        
        
            
                Widget Terjemahan
                Tambah terjemahan AI segera ke laman web anda. Sokongan 450+ bahasa melalui MadLAD-400.
                
                    
                        Prapapar Segera
                        
                    
                    
                        Kod Terbenam
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Ciri-ciri: Auto-kesan bahasa sumber, 450+ bahasa sasaran, salin-ke-klipbod, dikuasakan oleh Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget Penjanaan Imej
                Biarkan pengunjung cipta imej AI secara langsung pada laman web anda dari prompt teks.
                
                    
                        Prapapar Segera
                        
                    
                    
                        Kod Terbenam
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Ciri-ciri: Model FLUX.2 Klein dan Stable Diffusion XL. Rasio aspek berbilang. Muat turun imej yang dijana.
                    
                
            
        

        
        
            
                Bagaimana ia berfungsi
                
                    
                        
                        1. Salin kod embed
Pilih widget di atas dan salin tag iframe.
                    
                    
                        
                        2. Tampal ke HTML anda
Tambah iframe di mana-mana di dalam halaman anda. Berfungsi dengan mana-mana CMS, kerangka, atau laman statik.
                    
                    
                        
                        3. Pelawat anda menggunakan AI
Widget ini berfungsi sepenuhnya. Pengunjung mendapat had harian percuma — tiada kekunci API diperlukan.
                    
                
            
        

        
        
            
                Tip Pro
                
                    Set width="100%" bagi widget responsif yang mengisi bekalannya.
                    Tambah loading="lazy" ke iframe untuk menangguhkan memuatkan sehingga widget diskrol ke paparan.
                    Lilit iframe dalam <div> dengan max-width untuk kawal saiz pada skrin yang lebih besar.
                    Semua widget menggunakan kolam token harian Free.ai. Pengunjung yang log masuk ke Free.ai mendapat 12x lebih token (30,000/hari).
                    Ingin had yang lebih tinggi untuk laman web anda? Dapatkan kunci API dan bina integrasi tersendiri.
                
            
        

        
            Dapatkan Kekunci API
            Semua Integrasi








    
    
        
            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.
Semasa ini empat alat: AI Chat (/embed/chat/), Teks-ke-Tutur (/embed/tts/), Terjemahan (/embed/translate/), dan Penjanaan Imej (/embed/image/). Masing-masing adalah antaramuka standalone yang berfungsi sepenuhnya yang berfungsi dalam iframe mana-mana.
Ya. Ubah atribut lebar dan tinggi pada iframe. Gunakan kawalan suaisuai di bahagian atas halaman ini untuk pralihat saiz yang berbeza dan dapatkan kod embed yang dikemaskini. Anda juga boleh tetapkan lebar="100%" untuk susunatur responsif.
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.
Tidak. Iframes dimuatkan secara bebas dari halaman anda. Tambah loading="lazy" ke tag iframe untuk menangguhkan pemuatkan sehingga widget skrol ke paparan. Widget hanya membuat panggilan API bila pengunjung berinteraksi dengannya.
Ya. Mana-mana platform yang menyokong blok HTML atau embed boleh menggunakan widget ini. Dalam WordPress, gunakan blok HTML Langganan. Dalam Shopify, gunakan bahagian Cecair Langganan. Dalam Squarespace, gunakan Blok Kod.
Ya. Antaramuka widget adalah responsif sepenuhnya dan berfungsi pada telefon, tablet, dan desktop. Ianya bersesuaian dengan dimensi iframe secara automatik.
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 menggunakan Qwen 2.5 7B. TTS menawarkan Kokoro, Piper, MeloTTS, dan Chatterbox. Terjemahan menggunakan MadLAD-400 (450+ bahasa). Penjanaan imej menggunakan FLUX.1 Schnell, Stable Diffusion XL, dan Kandinsky 2.2. Semua model sumber terbuka.
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.
Tidak. Pelawat boleh menggunakan widget secara anonim dengan 6,000 token harian percuma. Jika mereka log masuk ke Free.ai dalam tab lain, mereka secara automatik akan mendapat had harian 30,000-token yang lebih tinggi.

Embeddable AI Widget

Tambah AI ke Laman Web Anda dalam Satu Baris

Widget Teks-ke-Tutur

Widget Terjemahan

Widget Penjanaan Imej

Bagaimana ia berfungsi

Tip Pro

FAQ

Apakah itu widget boleh tanam Free.ai?

Bagaimana saya menambah widget ke laman web saya?

Apa alat AI yang boleh saya masukkan?

Bolehkah saya suaikan saiz widget?

Adakah widget ini berharga apa-apa?

Adakah widget ini akan melambatkan laman web saya?

Bolehkah saya memasukkan widget ke dalam WordPress, Shopify, atau Squarespace?

Adakah widget berfungsi pada peranti mudah alih?

Bolehkah saya memasukkan widget ke dalam aplikasi React atau Vue?

Model AI apa yang dikuasakan oleh widget?

Bolehkah saya menggunakan kekunci API saya sendiri dengan widget?

Adakah pengunjung perlukan akaun Free.ai untuk menggunakan widget?

30,000 Token Percuma, Setiap Hari

Tunggu — 30K token percuma/hari!

Wantak lagi?