Embeddable AI Widget | Free.ai

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

AI hozzáadása honlapodhoz egy sorban

Free.ai Widget beágyazva bármely weboldalra egyszerű </code>. MI chat, text-to-speech, translation, and image generation — full functional, no backend required.</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árvonal</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>AI Chat WidgetName</h3> <p class="text-muted mb-3">Add a full MI chatbot to your website. Látogatók kérdezhetnek és kap azonnali AI válaszok.</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">


                    
                        Beágyazott kód
                        
                            <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, __FREAI_TERM_13__ 2.5 7B modell, kontextus memória, Enter-to-send billentyűzet billentyűparancs.



        
        
            
                Szöveg a beszédhez Widget@ info: whatsthis
                Hagyjuk, hogy a látogatók a szöveget természetes hangzású beszédté alakítsák át. Több hang és modell is elérhető.
                
                    
                        Élő előnézet
                        
                    
                    
                        Beágyazott kód
                        
                            <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@ info: whatsthis
                Add instant MI fordítást az oldaladra. 450+ nyelv támogatása MadLAD-400-on keresztül.
                
                    
                        Élő előnézet
                        
                    
                    
                        Beágyazott kód
                        
                            <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 az Ön honlapján készítsenek AI képeket szöveges promptekből.
                
                    
                        Élő előnézet
                        
                    
                    
                        Beágyazott kód
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Jellemzők: FLUX.1 Schnell, Stable Diffusion XL, és Kandinsky modellek. Több aspektus aránya. Töltse le a generált képeket.
                    
                
            
        

        
        
            
                Hogyan működik?
                
                    
                        
                        1. A beágyazott kód másolása
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. Az Ön látogatói 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 5x több token.
                    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ó








    
    
        
            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.
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 2,500 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 __FREAI_TERM_13__ 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.
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

AI hozzáadása honlapodhoz egy sorban

Szöveg a beszédhez Widget@ info: whatsthis

Fordítási elem@ info: whatsthis

Image Generation Widget

Hogyan működik?

Pro tippek

FAQ

Mi az a Free.ai beágyazható widget?

Hogyan adhatom hozzá a widgetet a honlapomra?

Melyik MI eszközt tudom beágyazni?

Testre tudom szabni a widget méretét?

A kütyü nem kerül semmibe?

A widget lelassítja a honlapomat?

Beágyazhatom a WordPress, Shopify vagy Squarespace fájlt?

Működik a widget mobileszközökön?

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

Milyen MI modellek működtetik a widgeteket?

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

Szüksége van-e a látogatóknak Free.ai fiókra a widget használatához?

Szerezz 10 000 ingyen zsetont!

Várj, kapsz 10K ingyen zsetont!

Kérsz még?