Embeddable AI Widget | Free.ai

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

Legg til AI på nettstedet ditt i én linje

Legg inn Free.ai skjermelementer på alle nettsider med en enkel </code>. AI- prat, tekst til tale, oversettelse og bildegenerering — helt funksjonelt, ikke nødvendig.</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">Accent- kantlinje</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- prateelementName</h3> <p class="text-muted mb-3">Legg til en full AI chatbot på nettstedet ditt. 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ørringer.
                
                    
                        Live forhåndsvisning
                        
                    
                    
                        Innebygget kode
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Egenskaper: FLUX. 1 Schnell, Stable Diffusion XL og Kandinsky modeller. Flere høyde/ bredde- forhold. Last ned genererte bilder.
                    
                
            
        

        
        
            
                Hvordan det fungerer
                
                    
                        
                        1. Kopier innbygget kode
Velg et skjermelement over og kopier iramme- taggen.
                    
                    
                        
                        2. Lim inn i din HTML
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 token- pulje. Besøkende som logger inn til Free.ai får 5x flere tokener.
                    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








    
    
        
            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.
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 2,500 tokens per day, and signed-in users get 5,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 __ FREEALI_ TERM_ 13_ 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.
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

Legg til AI på nettstedet ditt i én linje

Skjermelement for tekst- til- tale

Oversettelseselement

Bildegenereringselement

Hvordan det fungerer

Pro- tips

FAQ

Hva er det Free.ai innebygde elementet?

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, Shopify eller Squarespace?

Virker elementet på mobile enheter?

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

Hvilke AI modeller gir skjermelementene kraft?

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

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

Få 10 000 frie tegn

Vent - få 10K gratis tegn!

Vil du ha mer?