Embeddable AI Widget

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

AI zu deiner Website in One Line hinzufügen

Einbetten Free.ai Widgets auf jeder Website mit einem einfachen 8</code>. AI-Chat, Text-zu-Speech, Übersetzung und Bilderzeugung - voll funktionsfähig, kein Backend erforderlich.</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>Einbetten-Größe anpassen</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Breite (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öhe (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">Grenzüberschreitung</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Keine Grenze</option> <option value="1px solid #e5e7eb">Leichte Grenze</option> <option value="1px solid #000">Dunkle Grenze</option> <option value="2px solid #4f46e5">Grenzübergang</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Alle Vorschauen aktualisieren</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>KI Chat Widget</h3> <p class="text-muted mb-3">Fügen Sie ein komplettes AI-Chatbot zu Ihrer Website hinzu. Besucher können Fragen stellen und sofortige KI-Antworten erhalten.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Live-Vorschau</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 einbetten
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Merkmale: Multiturn-Gespräche, Qwen 2.5 7B-Modell, Kontextspeicher, Tastenkürzel Enter-to-send.



        
        
            
                Text-zu-Sprechen-Widget
                Lassen Sie Besucher Text in natürlich klingende Sprache konvertieren. Mehrere Stimmen und Modelle verfügbar.
                
                    
                        Live-Vorschau
                        
                    
                    
                        Code einbetten
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Merkmale: Kokoro, Piper, MeloTTS und Chatterbox Modelle. Männliche und weibliche Stimmen. Audiowiedergabe und Download.
                    
                
            
        

        
        
            
                Übersetzungs-Widget
                Fügen Sie sofort KI-Übersetzung auf Ihre Website. Unterstützt 450+ Sprachen via MadLAD-400.
                
                    
                        Live-Vorschau
                        
                    
                    
                        Code einbetten
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Merkmale: Automatische Erkennung der Quellsprache, 450+ Zielsprachen, Copy-to-Clipboard, powered by Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget Bildgenerierung
                Lassen Sie Besucher aus Textaufforderungen KI-Bilder direkt auf Ihrer Website generieren.
                
                    
                        Live-Vorschau
                        
                    
                    
                        Code einbetten
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Merkmale: FLUX.2 Klein und Stable Diffusion XL Modelle. Mehrere Seitenverhältnisse. Download generierte Bilder.
                    
                
            
        

        
        
            
                Wie es funktioniert
                
                    
                        
                        1. Kopieren Sie den Einbettungscode
Wählen Sie oben ein Widget und kopieren Sie das iframe-Tag.
                    
                    
                        
                        2. Einfügen in Ihr HTML
Fügen Sie den iframe irgendwo auf Ihrer Seite hinzu. Funktioniert mit jedem CMS, Framework oder statischen Site.
                    
                    
                        
                        3. Ihre Besucher nutzen AI
Das Widget ist voll funktionsfähig. Besucher erhalten kostenlose tägliche Grenzen — kein API-Schlüssel benötigt.
                    
                
            
        

        
        
            
                Pro Tipps
                
                    Satz width="100%" für ein responsives Widget, das seinen Container füllt.
                    Hinzufügen loading="lazy" zum iframe, um das Laden zu verschieben, bis das Widget in die Ansicht scrollt.
                    Den iframe in einem <div> mit max-width zur Kontrolle der Dimensionierung auf größeren Bildschirmen.
                    Alle Widgets verwenden den Free.ai Tages-Tokenpool. Besucher, die sich bei Free.ai anmelden, erhalten 12x mehr Token (30.000/Tag).
                    Möchten Sie höhere Grenzen für Ihre Website? Einen API-Schlüssel abrufen und bauen Sie eine benutzerdefinierte Integration.
                
            
        

        
            API-Schlüssel abrufen
            Alle Integrationen








    
    
        
            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.
Derzeit vier Tools: KI-Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Übersetzung (/embed/translate/) und Bildgenerierung (/embed/image/). Jedes ist eine voll funktionsfähige eigenständige Schnittstelle, die in jedem iframe funktioniert.
Ja. Ändern Sie die Breite und Höhe Attribute auf dem iframe. Verwenden Sie die Anpassungs-Steuerelemente am oberen Rand dieser Seite, um verschiedene Größen Vorschau und den aktualisierten Einbettungscode. Sie können auch width="100%" für responsive Layouts.
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.
Nein. Iframes laden unabhängig von Ihrer Seite. Fügen Sie dem iframe-Tag loading="lazy" hinzu, um das Laden zu verschieben, bis das Widget in die Ansicht scrollt.
Ja. Jede Plattform, die benutzerdefinierte HTML- oder Embed-Blöcke unterstützt, kann diese Widgets verwenden. Verwenden Sie in WordPress einen benutzerdefinierten HTML-Block. Verwenden Sie in Shopify einen benutzerdefinierten Liquid-Abschnitt. Verwenden Sie im Squarespace einen Code-Block.
Ja. Die Widget-Schnittstellen sind voll responsiv und arbeiten auf Telefonen, Tablets und Desktops. Sie passen sich automatisch den iframe-Abmessungen an.
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 verwendet Qwen 2.5 7B. TTS bietet Kokoro, Piper, MeloTTS und Chatterbox. Übersetzung verwendet MadLAD-400 (450+ Sprachen). Bildgenerierung verwendet FLUX.1 Schnell, Stabile Diffusion XL und Kandinsky 2.2. Alle Open-Source-Modelle.
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.
Nein. Besucher können das Widget anonym mit 6.000 kostenlosen Tages-Token verwenden. Wenn sie zufällig auf Free.ai in einem anderen Tab angemeldet werden, erhalten sie automatisch ihre höhere 30.000-Token-Tages-Grenze.

Embeddable AI Widget

AI zu deiner Website in One Line hinzufügen

Text-zu-Sprechen-Widget

Übersetzungs-Widget

Widget Bildgenerierung

Wie es funktioniert

Pro Tipps

FAQ

Was ist das Free.ai Einbettungs-Widget?

Wie kann ich das Widget zu meiner Website hinzufügen?

Welche AI-Tools kann ich einbetten?

Kann ich die Größe des Widgets anpassen?

Kostet das Widget etwas?

Wird das Widget verlangsamen meine Website?

Kann ich das Widget in WordPress, Shopify oder Squarespace einbetten?

Funktioniert das Widget auf mobilen Geräten?

Kann ich das Widget in eine React oder Vue App einbetten?

Welche KI-Modelle versorgen die Widgets?

Kann ich mit dem Widget meinen eigenen API-Schlüssel verwenden?

Brauchen Besucher ein Free.ai Konto, um das Widget zu verwenden?

30.000 Freimarken, jeden Tag

Wartet, 30K Freimarken/Tag!

Noch mal?