Embeddable AI Widget

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

Lägg till AI på din webbplats i en rad

Lägg in Free.ai widgets på alla webbplatser med en enkel </code>. AI chatt, text-till-tal, översättning, och bildgenerering - fullt fungerande, inget gränssnitt krävs.</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>Anpassa inbäddningsstorlek</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Bredd (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öjd (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">Gräns</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Ingen gräns</option> <option value="1px solid #e5e7eb">Ljusgräns</option> <option value="1px solid #000">Mörk gräns</option> <option value="2px solid #4f46e5">Ingående gräns</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Uppdatera alla förhandsgranskningar</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">Lägg till en fullständig AI chatbot på din webbplats. Besökare kan ställa frågor och få omedelbara AI svar.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Live-förhandsgranskning</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">


                    
                        Inbäddad kod
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Beskrivning: Fler-sväng konversationer, Qwen 2.5 7B modell, sammanhangsminne, Enter-to-Send tangentbord genväg.



        
        
            
                Text- till- tal- komponent
                Låt besökare konvertera text till naturligt ljudande tal. Flera röster och modeller finns tillgängliga.
                
                    
                        Live-förhandsgranskning
                        
                    
                    
                        Inbäddad kod
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Beskrivning: Kokoro, Piper, MeloTTS och Chatterbox modeller. Manliga och kvinnliga röster. Ljuduppspelning och nedladdning.
                    
                
            
        

        
        
            
                Översättningsgränssnitt
                Lägg till omedelbar AI-översättning till din webbplats. Stöder 450+ språk via MadLAD-400.
                
                    
                        Live-förhandsgranskning
                        
                    
                    
                        Inbäddad kod
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Beskrivning: Automatisk upptäckt källspråk, 450 + målspråk, kopia-till-klippbordet, drivs av Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Bildgenereringsgränssnitt
                Låt besökare generera AI-bilder direkt på din webbplats från textmeddelanden.
                
                    
                        Live-förhandsgranskning
                        
                    
                    
                        Inbäddad kod
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Beskrivning: FLUX.2 Klein och Stable Diffusion XL modeller. Flera proportioner. Ladda ner genererade bilder.
                    
                
            
        

        
        
            
                Hur det fungerar
                
                    
                        
                        1. Kopiera inbäddad kod
Välj en widget ovan och kopiera iframe taggen.
                    
                    
                        
                        2. Klistra in i din HTML
Lägg till iframe var som helst på din sida. Fungerar med alla CMS, ramverk, eller statiska webbplats.
                    
                    
                        
                        3. Dina besökare använder AI
Komponenten är fullt fungerande. Besökare får gratis dagliga gränser — ingen API-nyckel behövs.
                    
                
            
        

        
        
            
                Pro-tips
                
                    Ställ in width="100%" för en responsiv widget som fyller sin behållare.
                    Lägg till loading="lazy" till iframe för att skjuta upp laddning tills widget rullar in i vyn.
                    Svep in iframen i en <div> där max-width för att styra dimensionering på större skärmar.
                    Alla widgets använder Free.ai dagliga tokenpool. Besökare som loggar in på Free.ai får 12x fler polletter (30 000/dag).
                    Vill du ha högre gränser för din webbplats? Hämta en API- nyckel och bygga en anpassad integration.
                
            
        

        
            Hämta API- nyckel
            Alla integrationer








    
    
        
            Vanliga frågor
            
                
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.
För närvarande fyra verktyg: AI Chatt (/embed/chat/), Text-to-Speech (/embed/tts/), Översättning (/embed/translate/) och Image Generation (/embed/image/). Varje är ett fullt fungerande fristående gränssnitt som fungerar i alla iframe.
Ja. Ändra bredd- och höjdegenskaperna på iframe. Använd anpassningskontrollerna högst upp på den här sidan för att förhandsgranska olika storlekar och få den uppdaterade inbäddade koden. Du kan också ställa in bredd="100%" för responsiva layouter.
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.
Nej. Iframes laddar oberoende av din sida. Lägg till laddning="lazy" till iframe tag för att skjuta upp laddning till widget rullar in i vyn. widgeten gör bara API- samtal när en besökare interagerar med den.
Ja. Varje plattform som stöder anpassade HTML- eller inbäddade block kan använda dessa widgets. I WordPress, använd en anpassad HTML-block. I Shopify, använd en anpassad Liquid avsnitt. I Squarespace, använd en kodblock.
Ja. Widgetgränssnitten är helt responsiva och fungerar på telefoner, surfplattor och skrivbord. De anpassar sig automatiskt till iframe-dimensionerna.
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.
Chattanvändning Qwen 2.5 7B. TTS erbjuder Kokoro, Piper, MeloTTS och Chatterbox. Översättning använder MadLAD-400 (450+ språk). Bildgenerering använder FLUX.1 Schnell, Stable Diffusion XL och Kandinsky 2.2. Alla 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.
Nej. Besökare kan använda widgeten anonymt med 6000 gratis dagliga polletter. Om de råkar vara inloggade på Free.ai i en annan flik, får de automatiskt sin högre 30 000-token dagliga gräns.

Embeddable AI Widget

Lägg till AI på din webbplats i en rad

Text- till- tal- komponent

Översättningsgränssnitt

Bildgenereringsgränssnitt

Hur det fungerar

Pro-tips

Vanliga frågor

Vad är Free.ai inbäddbara widget?

Hur lägger jag till widgeten på min hemsida?

Vilka AI-verktyg kan jag bädda in?

Kan jag anpassa widgetstorleken?

- Kostar den nåt?

Kommer widgeten att sakta ner min hemsida?

Kan jag bädda in widgeten i WordPress, Shopify, eller Squarespace?

Fungerar widgeten på mobila enheter?

Kan jag bädda in widgeten i en React eller Vue app?

Vilka AI-modeller driver widgetarna?

Kan jag använda min egen API-nyckel med widgeten?

Behöver besökare ett Free.ai-konto för att använda widgeten?

30.000 gratis tokener, varje dag

Vänta – 30K gratis polletter/dag!

- Inte mer?