Embeddable AI Widget

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

AI hozzáadása a weboldalához egy sorban

Free.ai Widget beágyazva bármely weboldalra egyszerű </code> AI chattel, szöveges beszédekkel, fordítással és képgenerálással - teljesen működőképes, nem szükséges háttérkép.</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>Beágyazott méret testreszabása</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Szélesség (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">Magasság (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">Határ</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Nincs határ.</option> <option value="1px solid #e5e7eb">Fényhatár</option> <option value="1px solid #000">Sötét határ</option> <option value="2px solid #4f46e5">Akcentushatár</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Az összes előnézet frissítése</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>Widget</h3> <p class="text-muted mb-3">Helyezd el honlapodon a teljes MI chatbotot. Látogatók kérdéseket tehetnek fel és azonnali AI válaszokat kaphatnak.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Élő előnézet</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">


                    
                        Kód beágyazva
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Jellemzők: Multi-turn beszélgetések, Qwen 2.5 7B modell, kontextus memória, Enter-to-send billentyűzet billentyűparancs.



        
        
            
                Szöveg a beszédhez Widget
                A látogatók a szöveget természetes hangzású beszédté alakíthatják át. Több hang és modell is elérhető.
                
                    
                        Élő előnézet
                        
                    
                    
                        Kód beágyazva
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Jellemzők: Kokoro, Piper, MelotTS és Chatterbox modellek. Férfi és női hangok. Audio lejátszás és letöltés.
                    
                
            
        

        
        
            
                Fordítási elem
                Helyezd el honlapodon a (z) AI fordítást! 450+ nyelv támogatása MadLAD-400-on keresztül.
                
                    
                        Élő előnézet
                        
                    
                    
                        Kód beágyazva
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Jellemzők: Auto-detect forrásnyelv, 450+ célnyelv, másolás-másolás-másolat, Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Image Generation Widget
                Hagyja, hogy a látogatók közvetlenül a honlapján készítsenek MI képeket szöveges promptekből.
                
                    
                        Élő előnézet
                        
                    
                    
                        Kód beágyazva
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Jellemzők: Klein és a modellszámok, több dimenzió, képeket letöltve.
                    
                
            
        

        
        
            
                Hogyan működik?
                
                    
                        
                        1. Másold le a beágyazott kódot
Válassza ki a fenti widgetet és másolja le az iframe címkét.
                    
                    
                        
                        2. Beilleszteni a HTML-be
Adja hozzá az iframe bárhol az oldalon. Működik bármilyen CMS, keret, vagy statikus oldalon.
                    
                    
                        
                        3. A látogatók az AI-t használják
A widget teljesen működőképes. Látogatók kap ingyenes napi limitek ~ nincs API kulcs szükséges.
                    
                
            
        

        
        
            
                Pro tippek
                
                    Beállítás width="100%" egy reszponzív widget, amely betölti a tartályt.
                    Hozzáadás loading="lazy" az iframe-re, hogy halasszuk el a betöltést, amíg a widget meg nem jelenik.
                    Csomagolja be az iframe-et egy <div> (lásd 4. 4 pont) max-width a nagyobb képernyőkön történő méretezés ellenőrzése.
                    Minden widget használja a Free.ai napi token medence. Látogatók, akik bejelentkeznek Free.ai kap 12x több token (30,000 / nap).
                    Magasabb határokat akarsz a honlapodra? Szerezz egy API kulcsot! és építsen egyéni integrációt.
                
            
        

        
            Szerezd meg az API kulcsot
            Minden integráció








    
    
        
            GYIK
            
                
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.
Jelenleg négy eszköz: AI Chat (/embed/chat/), Text-to-Spech (/embed/tt/), Translation (/embed/translate/) és Image Generation (/embed/image/). Mindegyik egy teljesen funkcionális önálló interfész, amely bármely iframe-ben működik.
Igen. Változtasd meg az iframe szélességi és magassági attribútumait. Használd az oldal tetején lévő testreszabási vezérlőket, hogy megtekinthesd a különböző méreteket és megkapd a frissített beágyazott kódot. Beállíthatod a width="100%"-ot" is a reszponzív elrendezésekhez.
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.
Nem. Az Iframes az oldalától függetlenül tölt be. Az iframe tag-hez töltsön be="lazay"-t, hogy elhalasztsa a betöltést, amíg a widget görgetések meg nem jelennek. A widget csak akkor tesz API hívásokat, ha egy látogató kapcsolatba lép vele.
Igen. Bármely platform, amely támogatja az egyéni HTML vagy beágyazott blokkok használhatja ezeket a widgeteket. A WordPress, használja a Custom HTML blokk. A Shopify, használja a Custom Liquid szakasz. A Squarespace, használja a Code blokk.
Igen. A widget interfészek teljes mértékben reagálnak, és dolgoznak telefonokon, táblagépeken és asztali számítógépeken. Automatikusan alkalmazkodnak az iframe méretekhez.
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 használ Qwen 2.5 7B. A TTS kínál Kokoro, Piper, MelotTS, és Chatterbox. Fordítás használ MadLAD-400 (450+ nyelvek). Image generation uses FLUX.1 Schnell, Stable Difusion XL, and Kandinsky 2.2. Minden nyílt forráskódú modell.
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.
Nem. A látogatók a widgetet névtelenül használhatják 6000 ingyen napi zsetonnal. Ha véletlenül Free.ai-re írják be egy másik lapon, automatikusan megkapják a magasabb 30 000-tokon napi limitet.

Embeddable AI Widget

AI hozzáadása a weboldalához egy sorban

Szöveg a beszédhez Widget

Fordítási elem

Image Generation Widget

Hogyan működik?

Pro tippek

GYIK

Mi a Free.ai beágyazható elem?

Hogyan adhatom hozzá a widgetet a honlapomra?

Melyik MI eszközt tudom beágyazni?

A widget méretét testre tudom szabni?

A widgetbe kerül valami?

Lelassítja a weblapomat a widget?

Beágyazhatom a WordPress, Shopify vagy Squarespace-be a widgetet?

A widget mobil eszközökön is működik?

Beágyazhatom a widgetet egy React vagy Vue alkalmazásba?

Milyen MI modellek működtetik a kütyüket?

Használhatom a saját API kulcsomat a kütyüvel?

A látogatóknak Free.ai fiók kell a widget használatához?

30,000 Ingyen Token, minden nap

Várj ~ 30K ingyen zseton / nap!

- Többet nem?