Embeddable AI Widget | Free.ai

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

AI toevoegen aan uw website in één regel

Insluiten Free.ai widgets op elke website met een eenvoudige </code>. AI-chat, tekst-naar-spraak, vertaling en afbeeldingsgeneratie — volledig functioneel, geen backend nodig.</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>Ingesloten grootte aanpassen</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Breedte (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">Hoogte (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>Geen rand</option> <option value="1px solid #e5e7eb">Lichte rand</option> <option value="1px solid #000">Donkere rand</option> <option value="2px solid #4f46e5">Accent-grens</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Alle previews bijwerken</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-widgetComment</h3> <p class="text-muted mb-3">Voeg een volledige AI chatbot aan uw website. Bezoekers kunnen vragen stellen en krijgen direct AI antwoorden.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Live-voorbeeld</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 invoegen
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Functies: Multi-turn gesprekken, Qwen 2.5 7B model, context geheugen, Enter-to-send toetsenbord snelkoppeling.



        
        
            
                Tekst-naar-spraak-widget
                Laat bezoekers tekst omzetten naar natuurlijk klinkende spraak. Meerdere stemmen en modellen beschikbaar.
                
                    
                        Live-voorbeeld
                        
                    
                    
                        Code invoegen
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Functies: Kokoro, Piper, MeloTTS en Chatterbox modellen. Mannelijke en vrouwelijke stemmen. Audio afspelen en downloaden.
                    
                
            
        

        
        
            
                Vertaalwidget
                Voeg instant AI-vertaling toe aan uw site. Ondersteunt 450+ talen via MadLAD-400.
                
                    
                        Live-voorbeeld
                        
                    
                    
                        Code invoegen
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Functies: Auto-detect brontaal, 450+ doeltalen, copy-to-clipboard, aangedreven door Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget voor het genereren van afbeeldingen
                Laat bezoekers AI-beelden direct op uw website genereren uit tekstprompts.
                
                    
                        Live-voorbeeld
                        
                    
                    
                        Code invoegen
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Functies: FLUX.1 Schnell, Stable Diffusion XL en Kandinsky modellen. Meerdere aspect ratio's. Download gegenereerde beelden.
                    
                
            
        

        
        
            
                Hoe het werkt
                
                    
                        
                        1. Kopieer de embed-code
Kies een widget hierboven en kopieer de iframe-tag.
                    
                    
                        
                        2. Plakken in uw HTML
Voeg het iframe overal in uw pagina. Werkt met elke CMS, framework, of statische site.
                    
                    
                        
                        3. Uw bezoekers gebruiken AI
De widget is volledig functioneel. Bezoekers krijgen gratis dagelijkse limieten.. geen API sleutel nodig.
                    
                
            
        

        
        
            
                Pro Tips
                
                    Instellen width="100%" voor een responsive widget dat zijn container vult.
                    Toevoegen loading="lazy" naar het iframe om het laden uit te stellen totdat het widget in beeld rolt.
                    Wikkel het iframe in een <div> met max-width om grootte op grotere schermen te regelen.
                    Alle widgets gebruiken de Free.ai dagelijkse token pool. Bezoekers die zich aanmelden voor Free.ai krijgen 5x meer tokens.
                    Wilt u hogere limieten voor uw site? Haal een API-sleutel en bouwen aan een aangepaste integratie.
                
            
        

        
            API-sleutel ophalen
            Alle integraties








    
    
        
            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.
Momenteel vier hulpmiddelen: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/) en Image Generation (/embed/image/). Elk is een volledig functionele standalone interface die werkt in elk iframe.
Ja. Wijzig de breedte- en hoogteattributen op het iframe. Gebruik de aanpassingen aan de bovenkant van deze pagina om verschillende groottes te bekijken en krijg de bijgewerkte embed code. U kunt ook breedte="100%" instellen voor responsieve lay-outs.
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 5,000 tokens per day.
Nee. Iframes laden onafhankelijk van uw pagina. Voeg loading="lazy" toe aan de iframe-tag om het laden uit te stellen totdat het widget in beeld komt. Het widget maakt alleen API-aanroepen wanneer een bezoeker ermee interacteert.
Ja. Elk platform dat aangepaste HTML of embed blokken ondersteunt kan deze widgets gebruiken. In WordPress, gebruik een aangepaste HTML blok. In Shopify, gebruik een aangepaste Liquid sectie. In Squarespace, gebruik een Code Block.
Ja. De widget-interfaces zijn volledig responsief en werken op telefoons, tablets en desktops. Ze passen zich automatisch aan de iframe-afmetingen aan.
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 maakt gebruik van Qwen 2.5 7B. TTS biedt Kokoro, Piper, MeloTTS en Chatterbox. Vertaling maakt gebruik van MadLAD-400 (450+ talen). Afbeelding generatie maakt gebruik van FLUX.1 Schnell, Stable Diffusion XL en Kandinsky 2.2. Alle open-source modellen.
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

AI toevoegen aan uw website in één regel

Tekst-naar-spraak-widget

Vertaalwidget

Widget voor het genereren van afbeeldingen

Hoe het werkt

Pro Tips

FAQ

Wat is de Free.ai embeddedable widget?

Hoe voeg ik de widget toe aan mijn website?

Welke AI-tools kan ik insluiten?

Kan ik de widgetgrootte aanpassen?

Heeft het widget iets gekost?

Zal de widget mijn website vertragen?

Kan ik de widget insluiten in WordPress, Shopify of Squarespace?

Werkt de widget op mobiele apparaten?

Kan ik de widget insluiten in een React of Vue-app?

Welke AI modellen voeden de widgets?

Kan ik mijn eigen API sleutel gebruiken met de widget?

Hebben bezoekers een Free.ai account nodig om de widget te gebruiken?

Krijg 10.000 gratis tokens

Wacht. Krijg 10K gratis tokens.

Wil je meer?