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: D'Serie 2000 ass eng Serie vu 7500 Modeller, déi vun der Firma PSA Peugeot Citroën produzéiert ginn.



        
        
            
                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, a Chatterbox Modeller. Männlech a weiblech Stimmen. 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: D'Serie 4000 ass eng Serie vu 4000er-Modeller, déi vun der franséischer Firma Renault entwéckelt goufen.
                    
                
            
        

        
        
            
                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 säi Container füllt.
                    & Hinzufügen loading="lazy" fir den iframe ze verzögeren bis d'Widget an d'Visibilitéit scrollt.
                    Den iframe an engem <div> mat max-width fir d'Gréisst op grousse Bildschiermer ze kontrolléieren.
                    All Widgets benotzen den Free.ai-Token-Pool. Besucher, déi sech bei Free.ai umelden, kréien 12x méi Token (30.000/Dag).
                    Sidd Dir bereet, méi héich Limiten fir Är Websäit ze setzen? API Schlëssel an eng eigentlech 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: KI 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 "breet=" 100% "fir responsiv Layouts setzen.
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'Laden ze verzögeren bis d'Widget an d'Astellunge 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 Blöcke ubidden kann dës Widgets benotzen. An WordPress, benotzt en eegene HTML Block. An Shopify, benotzt en eegene Liquid Abschnitt. An Squarespace, benotzt e Code Block.
Ja. D' Widget-Interfacen sinn vollstänneg responsiv a funktionnéieren op Handyen, Tabletten a 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.
No. Visitors can use the widget anonymously with 6,000 free daily tokens. If they happen to be signed in to Free.ai in another tab, they automatically get their higher 30,000-token daily limit.

Embeddable AI Widget

Websäit vun der Gemeng

Text-zu-Sprooch-Widget

Iwwersetzungswidget

Bildgeneratiounswidget

Wéi et funktionéiert

Pro Tipps

FAQ

What is the Free.ai embeddable 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 Minutte laang.

Wan net méi?