Embeddable AI Widget

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

Legg til AI på nettstedet ditt i en linje

Legg Free.ai skjermelementer på alle nettsider med en enkel </code>. AI- prat, tekst til tale, oversettelse og bildegenerering & mdash; er uten funksjon, uten motor.</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>Tilpass innbygget størrelse</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Bredde (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øyde (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">Kantlinje</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Ingen kantlinje</option> <option value="1px solid #e5e7eb">Lys kantlinje</option> <option value="1px solid #000">Mørk kantlinje</option> <option value="2px solid #4f46e5">Aksentgrense</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Oppdater alle forhåndsvisninger</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 skjermelement</h3> <p class="text-muted mb-3">Legg til en full AI- chatbot på nettsiden din. Besøkende kan stille spørsmål og få øyeblikkelige AI-svar.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Live forhåndsvisning</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">


                    
                        Innebygget kode
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Egenskaper: Flerdreiet samtaler, Qwen 2.5 7B modell, kontekstminne, snarvei fra Enter til Send.



        
        
            
                Skjermelement for tekst- til- tale
                La besøkende konvertere tekst til naturlig hørende tale. Flere stemmer og modeller tilgjengelige.
                
                    
                        Live forhåndsvisning
                        
                    
                    
                        Innebygget kode
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Egenskaper: Kokoro, Piper, MeloTTS og Chatterbox modeller. Mannlige og kvinnelige stemmer. Lydavspilling og nedlasting.
                    
                
            
        

        
        
            
                Oversettelseselement
                Legg til øyeblikkelig AI- oversettelse til nettstedet ditt. Støtter 450+ språk via MadLAD-400.
                
                    
                        Live forhåndsvisning
                        
                    
                    
                        Innebygget kode
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Egenskaper: Finn automatisk kildespråk, 450+ målspråk, kopi til klippebord, drevet av Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Bildegenereringselement
                La besøkende lage AI- bilder direkte på nettstedet ditt fra tekstspørsmål.
                
                    
                        Live forhåndsvisning
                        
                    
                    
                        Innebygget kode
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Egenskaper: FLUX. 2 Klein og Stable Diffusion XL modeller. Forhold mellom høyde og bredde. Last ned genererte bilder.
                    
                
            
        

        
        
            
                Hvordan det fungerer
                
                    
                        
                        1. Kopier innpakket kode
Velg et skjermelement over og kopier iramme- taggen.
                    
                    
                        
                        2. Lim inn i HTML- en
Legg til irammen hvor som helst på siden. Arbeider med ethvert CMS -, ramme - eller statisk nettsted.
                    
                    
                        
                        3. Dine besøkende bruker AI
Skjermelementet er fullt ut funksjonelt. Besøkende får frie daglige grenser – trenger ikke noe API- nøkkel.
                    
                
            
        

        
        
            
                Pro- tips
                
                    Sett width="100%" for et følsomt skjermelement som fyller beholderen.
                    Legg til loading="lazy" irammen som utsetter innlastingen til elementet ruller i visningen.
                    Bryt irammen i a <div> med max-width for å kontrollere størrelsesendring på større skjermer.
                    Alle skjermelementer bruker Free.ai daglig symbol- pulje. Besøkende som logger inn til Free.ai får 12 ganger mer mynter (30. 000 per dag).
                    Vil du ha høyere grenser for nettstedet ditt? Hent en API- nøkkel og bygge en selvvalgt integrering.
                
            
        

        
            Hent API- nøkkel
            Alle integrasjoner








    
    
        
            Ofte stilte spørsmål
            
                
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.
For tiden er det fire verktøy: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Oversettelse (/embed/translate/), og Bildegenerering (/embed/image /). Hvert er et fullt funksjonelt frittstående grensesnitt som virker i alle irammene.
Ja. Endre bredde og høyde- attributter på irammen. Bruk tilpasningskontrollene øverst på denne siden for å forhåndsvise forskjellige størrelser og få den oppdaterte innebyggede koden. Du kan også sette bredde=« 100% » for svar- utforminger.
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.
Nr. Iframes lastes uavhengig av siden din. Legg til iramme- taggen « lazy » for å utsette lastingen til elementet ruller i visning. Skjermelementet gjør bare API- kall når en besøkende samarbeider med det.
Ja. Alle plattformer som støtter selvvalgte HTML - eller blokker kan bruke disse skjermelementene. I WordPress kan du bruke en selvvalgt HTML- blokk. I Shopify kan du bruke en selvvalgt væskeseksjon. I kvadrater kan du bruke en kodeblokk.
Ja. Skjermelementgrensesnittene reagerer fullt ut og virker på telefoner, tabletter og skrivebord. De tilpasser seg irammedimensjonene automatisk.
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 bruker Qwen 2.5 7B. TTS tilbyr Kokoro, Piper, MeloTTS og Chatterbox. Oversettelsen bruker MadLAD- 400 (450+ språk). Bildegenereringen bruker FLUX.1 Schnell, Stable Diffusion XL og Kandinsky 2.2. Alle åpen kildekodemodeller.
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.
Nei Besøkende kan bruke elementet anonymt med 6000 gratis mynter hver dag. Hvis de råper å bli signert inn på Free.ai i en annen fane, får de automatisk sin høyere 30 000- symbolte daglige grense.

Embeddable AI Widget

Legg til AI på nettstedet ditt i en linje

Skjermelement for tekst- til- tale

Oversettelseselement

Bildegenereringselement

Hvordan det fungerer

Pro- tips

Ofte stilte spørsmål

Hva er Free.ai-elementet som kan integreres?

Hvordan legger jeg til elementet på nettsiden min?

Hvilke AI- verktøy kan jeg legge inn?

Kan jeg tilpasse skjermelementstørrelsen?

Koster elementet noe?

Vil elementet bremse ned nettsiden min?

Kan jeg legge inn elementet i WordPress, Shoppe eller Kvadrat?

Virker elementet på mobile enheter?

Kan jeg legge elementet inn i en reakt eller Vue- app?

Hvilke AI modeller slår skjermelementene?

Kan jeg bruke min egen API- nøkkel med skjermelementet?

Trenger besøkende en Free.ai- konto for å bruke skjermelementet?

30. 000 frie tegn, hver dag

Vent — 30K gratis tokens per dag!

Want mer?