Embeddable AI Widget | Free.ai

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

Tambah AI ke Laman Web Anda dalam Satu Baris

Lekapkan Free.ai widget pada mana-mana laman web dengan </code>. Chat AI, teks-ke-tutur, terjemahan, dan penjanaan imej — berfungsi sepenuhnya, 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 Sembang AI</h3> <p class="text-muted mb-3">Tambah chatbot AI penuh ke laman web anda. Pengunjung boleh bertanya soalan dan mendapat maklum balas AI seketika.</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 Bebenang
                        
                            <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 berbunyi semulajadi. Berbilang suara dan model tersedia.
                
                    
                        Prapapar Segera
                        
                    
                    
                        Kod Bebenang
                        
                            <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. Menyokong 450+ bahasa melalui MadLAD-400.
                
                    
                        Prapapar Segera
                        
                    
                    
                        Kod Bebenang
                        
                            <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 Bebenang
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Ciri-ciri: FLUX.1 Schnell, Stable Diffusion XL, dan model Kandinsky. Berbilang nisbah aspek. 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. pengunjung anda menggunakan AI
Widget ini berfungsi sepenuhnya. Pengunjung mendapat had harian percuma — tiada kekunci API diperlukan.
                    
                
            
        

        
        
            
                Panduan Profesional
                
                    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 Free.ai sehari. Pengunjung yang log masuk ke Free.ai mendapat 5x lebih banyak token.
                    Ingin had yang lebih tinggi untuk laman web anda? Dapatkan kekunci 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 2,500 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.
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.

Embeddable AI Widget | Free.ai

Tambah AI ke Laman Web Anda dalam Satu Baris

Widget Teks-ke-Tutur

Widget Terjemahan

Widget Penjanaan Imej

Bagaimana ia berfungsi

Panduan Profesional

FAQ

Apakah itu widget boleh lekap Free.ai?

Bagaimana saya menambah widget ke laman web saya?

Alat AI mana yang boleh saya masukkan?

Bolehkah saya suai saiz widget?

Adakah widget ini bernilai apa-apa?

Adakah widget ini akan melambatkan laman web saya?

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

Adakah widget berfungsi pada peranti mudah alih?

Bolehkah saya membenamkan widget ke dalam aplikasi React atau Vue?

Model AI apa yang menyokong widget?

Bolehkah saya menggunakan kekunci API saya sendiri dengan widget?

Adakah pengunjung perlukan akaun Free.ai untuk menggunakan widget?

Dapatkan 10,000 Token Percuma

Tunggu — Dapatkan 10K Token Percuma!

Nak lagi?