Embeddable AI Widget

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

Lisää tekoäly nettisivustollesi yhdellä rivillä

Upota Free.ai widgetit mihin tahansa verkkosivustoon yksinkertaisella </code>. AI chat, teksti puheeksi, käännös, ja kuvan luominen & mdash; täysin toimiva, ei backend tarvita.</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>Muokkaa upotettavaa kokoa</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Leveys (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">Korkeus (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">Raja</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Ei rajaa</option> <option value="1px solid #e5e7eb">Valoraja</option> <option value="1px solid #000">Pimeä raja</option> <option value="2px solid #4f46e5">Aksenttiraja</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Päivitä kaikki esikatselut</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>Tekoäly Chat Widget</h3> <p class="text-muted mb-3">Lisää täysi tekoäly-chatbotti nettisivuillesi. Vierailijat voivat kysyä kysymyksiä ja saada pikaisia tekoälyyn liittyviä vastauksia.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Live-esikatselu</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">


                    
                        Upotettu koodi
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Ominaisuudet: Monikäännöskeskustelut, Qwen 2.5 7B -malli, kontekstimuisti, Enter-to-send -näppäimistön pikanäppäin.



        
        
            
                Teksti-äänestä-puhe-widget
                Anna kävijöiden muuntaa teksti luonnonääneksi. Useita ääniä ja malleja saatavilla.
                
                    
                        Live-esikatselu
                        
                    
                    
                        Upotettu koodi
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Ominaisuudet: Kokoro, Piper, MeloTTS ja Chatterbox-mallit. Miesten ja naisten äänet. Ääni toisto ja lataus.
                    
                
            
        

        
        
            
                Kääntämisen widget
                Lisää pikakäännös sivullesi. Tukee 450+ kieltä MadLAD-400.
                
                    
                        Live-esikatselu
                        
                    
                    
                        Upotettu koodi
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Ominaisuudet: Automaattinen lähdekieli, 450+ kohdekielet, kopiointi leikepöydältä, Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Kuvan sukupolven widget
                Anna kävijöiden tuottaa tekoälykuvia suoraan nettisivuillesi tekstiviesteistä.
                
                    
                        Live-esikatselu
                        
                    
                    
                        Upotettu koodi
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Ominaisuudet: FLUX.2 Kleinin ja Stable Diffusion XL mallit. Useita kuvasuhteita. Lataa luotuja kuvia.
                    
                
            
        

        
        
            
                Miten se toimii
                
                    
                        
                        1. Kopioi upotettu koodi
Valitse yllä oleva widgetti ja kopioi iframe-tagi.
                    
                    
                        
                        2. Liitä HTML-puheeseen
Lisää iframe mihin tahansa sivullesi. Toimii minkä tahansa CMS-, frame- tai staattisen sivuston kanssa.
                    
                    
                        
                        3. Kävijäsi käyttävät tekoälyä
Widget on täysin toimiva. Vierailijat saavat ilmaiset päivärajat, eikä API-avainta tarvita.
                    
                
            
        

        
        
            
                Pron vinkit
                
                    Aseta width="100%" Vastaanottavalle widgetille, joka täyttää astiansa.
                    Lisää loading="lazy" Iframeen lykätäkseen lataamista, kunnes widget vierii näkyviin.
                    Kääri iframe a:een <div> yy) kanssa, kun max-width Suurempien näyttöjen koon hallitsemiseksi.
                    Kaikki widgetit käyttävät Free.ai päivittäistä rahakeppia. Free.ai:een kirjautuvilla kävijöillä on 12x lisää rahakkeita (30 päivässä).
                    Haluatko korkeammat rajat sivustollesi? Hanki API-avain ja rakentaa mukautetun integraation.
                
            
        

        
            Hae API-avain
            Kaikki integraatiot








    
    
        
            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.
Tällä hetkellä neljä työkalua: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Käännös (/embed/translate/) ja Image Generation (/embed/image/). Jokainen on täysin toimiva itsenäinen käyttöliittymä, joka toimii missä tahansa iframessa.
Kyllä. Muuta iframen leveys- ja korkeusominaisuuksia. Käytä sivun yläosan muokkausohjaimia eri kokojen esikatseluun ja saat päivitetyn upotuskoodin. Voit myös asettaa leveyden = "100%" reagoiville asetelmille.
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.
Ei. Iframeja ladataan sivusta riippumatta. Lisää lataus="lazy" iframe-tagiin lykätäksesi lataamista, kunnes widget selaa näkyviin. Widget soittaa API-puheluita vain silloin, kun vierailija on vuorovaikutuksessa sen kanssa.
Kyllä. Kaikki alustat, jotka tukevat omia HTML- tai upotettava lohkoja, voivat käyttää näitä widgettejä. WordPressissa, käytä Custom HTML-blokkia. Shopifyssä, käytä mukautettua Liquid-osiota. Squarespacessa, käytä koodiblokkia.
Kyllä. Widgetin rajapinnat ovat täysin reagoivia ja toimivat puhelimissa, tableteissa ja työpöydissä. Ne mukautuvat iframen mittoihin automaattisesti.
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 käyttää Qwen 2,5 7B. TTS tarjoaa Kokoro, Piper, MeloTTS ja Chatterbox. Käännös käyttää MadLAD-400 (450+ kieltä). Kuvasukupolvi käyttää FLUX.1 Schnell, Stable Diffusion XL ja Kandinsky 2.2 kaikkia avoimen lähdekoodin malleja.
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.
Ei. Vierailijat voivat käyttää widgettiä nimettömänä 6 000 ilmaisella päiväkyltillä. Jos he sattuvat olemaan kirjautuneina Free.ai:een toisessa välilehdessä, he saavat automaattisesti yli 30 000 dollarin päivärajan.

Embeddable AI Widget

Lisää tekoäly nettisivustollesi yhdellä rivillä

Teksti-äänestä-puhe-widget

Kääntämisen widget

Kuvan sukupolven widget

Miten se toimii

Pron vinkit

FAQ

Mikä on Free.ai upotettavaa widgettiä?

Miten lisään widgetin nettisivulleni?

Mitkä tekoälytyökalut voin upottaa?

Voinko muokata widgetin kokoa?

Maksaako widget mitään?

Hidastaako widget nettisivujani?

Voinko upottaa widgetin WordPress, Shopify, tai Squarespace?

Toimiiko widget mobiililaitteilla?

Voinko liittää widgetin React- tai Vue-sovellukseen?

Mitkä tekoälymallit saavat widgetit toimimaan?

Voinko käyttää omaa API-näppäintä widgetin kanssa?

Tarvitsevatko vierailijat Free.ai tilin käyttääkseen widgettiä?

30,000 ilmaista polettia, joka päivä

Odota: 30 000 ilmaista rahaketta päivässä!

- Eikö vielä?