Embeddable AI Widget

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

Websäit vun der Gemeng

De Free.ai-Widget op all Websäit mat engem einfachen </code>. AI Chat, Text-to-Speech, Iwwersetzung a Bildgeneréierung - voll funktionell, keng Backend erfuerderlech.</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>Embedded-Gréisst anpassen</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Breit (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">Héicht (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">Rand</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Keng Grenz</option> <option value="1px solid #e5e7eb">Hellen Rand</option> <option value="1px solid #000">Dunkelem Rand</option> <option value="2px solid #4f46e5">Akzent-Rand</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">All Virschauen aktualiséieren</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>AI Chat Widget</h3> <p class="text-muted mb-3">Eng vollstänneg AI Chatbot op Är Websäit bäifügen. Besucher kënnen Froen stellen an direkt AI Äntwerten kréien.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Live-Virschau</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">


                    
                        Code anbetten
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Eegeschafte: Multi-turn conversations, Qwen 2.5 7B model, context memory, Enter-to-send keyboard shortcut.



        
        
            
                Text-zu-Sprooch-Widget
                Erlaabt Besucher Text an eng natierlech Sprooch ze konvertéieren. Méi Stëmmen a Modeller verfügbar.
                
                    
                        Live-Virschau
                        
                    
                    
                        Code anbetten
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Eegeschafte: Kokoro, Piper, MeloTTS, an Chatterbox Modeller. männlech an weiblech Stëmmen. Audiowiedergabe an Download.
                    
                
            
        

        
        
            
                Iwwersetzungswidget
                Sofort-AI-Ënnerschrëft op Är Websäit bäifügen. Ënnerstëtzt 450+ Sproochen iwwer MadLAD-400.
                
                    
                        Live-Virschau
                        
                    
                    
                        Code anbetten
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Eegeschafte: Auto-detect source language, 450+ target languages, copy-to-clipboard, powered by Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Bildgeneratiounswidget
                D'Bild gëtt op der Websäit vun der Gemeng op der Säit vun der Gemeng gesat.
                
                    
                        Live-Virschau
                        
                    
                    
                        Code anbetten
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Eegeschafte: FLUX.2 Klein an Stable Diffusion XL Modeller. Méisäiteg Bildformater. Generéiert Biller erofgelueden.
                    
                
            
        

        
        
            
                Wéi et funktionéiert
                
                    
                        
                        Kopie vum Code
Wielt en Widget hei uewen a kopéiert den iframe Tag.
                    
                    
                        
                        2. An Ärem HTML setzen
Den iframe gëtt op der Säit erofgelueden. Et funktionnéiert mat all CMS, Framework oder statischem Site.
                    
                    
                        
                        3. Är Besucher benotzen AI
De Widget ass voll funktionell. Besucher kréien gratis alldeeglech Limiten - keng API Schlëssel néideg.
                    
                
            
        

        
        
            
                Pro Tipps
                
                    Set width="100%" fir e responsiven Widget, deen de Container füllt.
                    Hinzufügen loading="lazy" fir den iframe ze verzögeren, bis d'Widget an der Astellung geréckelt gëtt.
                    Den iframe an engem <div> mat max-width fir d'Gréisst op grousse Bildschiermer ze kontrolléieren.
                    All Widgets benotzen den Free.ai alldeegleche Tokenpool. Besucher mat engem bestätegte Free.ai Kont kréien 5x méi Token (30.000/ Dag).
                    Sidd Dir der Meenung, datt d'Websäit méi héich Limiten brauch? API Schlëssel an eng eegestänneg Integratioun bauen.
                
            
        

        
            API Schlëssel
            Integratiounen








    
    
        
            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.
Momentan sinn et véier Tools: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Iwwersetzung (/embed/translate/), an Bildgeneréierung (/embed/image/). All eenzelt ass eng voll funktionell, onofhängeg Interface, déi an all iframe funktionnéiert.
Ja. Ännert d' Breet an d' Héicht vum iframe. Benotzt d' Upassungsoptiounen uewen op dëser Säit fir eng Virschau vun de verschiddene Gréissten ze gesinn an den aktualiséierten Embedded Code ze kréien. Dir kënnt och Breit "100%" fir responsiv Ausriichtungen astellen.
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.
Nee. Iframes ginn onofhängeg vun Ärer Säit geladen. Füügt loading="lazy" zum iframe Tag bäi fir d'Laadung ze verzögeren bis d'Widget an d'Visualiséierung scrollt. D'Widget mécht nëmmen API-Uruff wann e Besucher mat him interagéiert.
Ja. All Plattform déi eegen HTML oder Embedded Blocks ënnerstëtzt kann dës Widgets benotzen. An WordPress, benotzt en eegene HTML Block. An Shopify, benotzt en eegene Liquid Section. An Squarespace, benotzt e Code Block.
Ja. D' Widget-Interface sinn vollstänneg responsiv a funktionnéieren op Handyen, Tabletten an Desktops. Si passen sech automatesch un d'Dimensioune vum iframe un.
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 benotzt Qwen 2.5 7B. TTS bitt Kokoro, Piper, MeloTTS, a Chatterbox. Iwwersetzung benotzt MadLAD-400 (450+ Sproochen). Bildgeneréierung benotzt FLUX.1 Schnell, Stable Diffusion XL, a Kandinsky 2.2. All Open-Source Modeller.
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.
Nee. Besucher kënnen de Widget anonym mat 6.000 gratis alldeegleche Token benotzen. Wann se op engem anere Tab bei Free.ai ugemellt sinn, kréien se automatesch hir héich 30.000-Token-Daglimit.

Embeddable AI Widget

Websäit vun der Gemeng

Text-zu-Sprooch-Widget

Iwwersetzungswidget

Bildgeneratiounswidget

Wéi et funktionéiert

Pro Tipps

FAQ

Wat ass de Free.ai-Embedded-Widget?

Wéi kann ech de Widget op meng Websäit bäifügen?

Wat fir eng Instrumenter kann ech dobäi benotzen?

Kann ech d'Gréisst vum Widget upassen?

Wat ass de Präis?

Wéini ass d'Websäit fir d'éischt online?

Kann ech de Widget an WordPress, Shopify oder Squarespace embedden?

Funktionéiert de Widget op mobilen Apparater?

Kann ech de Widget an eng React oder Vue Applikatioun abezéien?

Wat ass d'Energie vun de Stären?

Kann ech meng eege API Schlëssel mat dem Widget benotzen?

Braucht de Visiteur e Free.ai Kont fir de Widget ze benotzen?

30.000 Leit, déi all Dag op der Aarbecht sinn.

D'Spill ass 30 Minutten an 30 Sekonnen.

Wan net méi?