Embeddable AI Widget | Free.ai

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

Dodaj AL na svoju web stranicu u jednoj liniji

Ugradi Free.ai widgeta na bilo koju web stranicu s jednostavnim </code>. AI chat, tekst-to-speech, prijevod, i stvaranje slika potpuno funkcionalno, nije potrebna pozadina.</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>Prilagodi veličinu ugradnje</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Širina (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">Visina (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">Rub</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Nema granice</option> <option value="1px solid #e5e7eb">Lagana granica</option> <option value="1px solid #000">Tamna granica</option> <option value="2px solid #4f46e5">Granica naknade</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Ažuriraj sve preglede</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>Grafički grafički element za AI razgovor</h3> <p class="text-muted mb-3">Dodajte puni AI chatbot na svoju web stranicu. Posjetitelji mogu postavljati pitanja i dobiti instant AI odgovore.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Pregled uživo</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">


                    
                        Ugradi kod
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Osobine: Višestruki razgovori, Qwen 2,5 7B model, kontekstna memorija, Prečica za tipkovnicu Enter-to-send.



        
        
            
                Grafički element za tekst- u- govor
                Neka posjetitelji pretvore tekst u prirodno-zvučni govor. Više glasova i modela dostupan.
                
                    
                        Pregled uživo
                        
                    
                    
                        Ugradi kod
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Osobine: Kokoro, Piper, Melotts i Chatterbox modeli. Muški i ženski glasovi. Audio reprodukcija i preuzimanje.
                    
                
            
        

        
        
            
                Grafički element za prijevod
                Dodajte instant AI prijevod na svoju stranicu. Podržava 450+ jezika preko MadLAD-400.
                
                    
                        Pregled uživo
                        
                    
                    
                        Ugradi kod
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Osobine: Auto-detektiranje izvorni jezik, 450+ ciljni jeziki, kopija-to-clipboard, pogon Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Grafički element za generiranje slike
                Neka posjetitelji stvaraju AI slike direktno na vašoj web stranici iz tekstualnih upita.
                
                    
                        Pregled uživo
                        
                    
                    
                        Ugradi kod
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Osobine: FLUX.1 Schnell, Stabilna Difuzija XL i Kandinsky modeli. Višestruki omjeri aspekta. Preuzmite generirane slike.
                    
                
            
        

        
        
            
                Kako to funkcionira
                
                    
                        
                        1. Kopiraj ugrađeni kod
Odaberite grafički element iznad i kopirajte iframe oznaku.
                    
                    
                        
                        2. Zalijepi u HTML
Dodajte okvir bilo gdje u vašoj stranici. Radi s bilo kojim CMS, okvir, ili statičke stranice.
                    
                    
                        
                        3. Vaši posjetitelji koriste AL
Grafički element je u potpunosti funkcionaln. Posjetitelji dobivaju besplatne dnevne granice – nema API ključa potrebno.
                    
                
            
        

        
        
            
                Pro tipovi
                
                    Postavljeno width="100%" za odgovarajući grafički element koji ispunjava spremnik.
                    Dodaj loading="lazy" na okvir za odgodu učitavanja dok widget ne skrene u pogled.
                    Umotaj okvir u <div> s max-width kontrolirati veličinu na većim zaslonima.
                    Svi widgeti koriste Free.ai dnevno žeton bazen. Posjetitelji koji se prijavljuju na Free.ai dobiti 5x više žetona.
                    Želiš li više granice za svoju stranicu? Dobavi API tipku i izgraditi prilagođenu integraciju.
                
            
        

        
            Dobavi API ključ
            Sve integracije








    
    
        
            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.
Trenutno četiri alata: AI Chat (/pronevjeren/chat /), Tekst-to-speech (/pronevjeren/tts /), Prijevod (/pronevjeren/prevod /) i Generacija slika (/pronevjeren/image /). Svaka je potpuno funkcionalno samostalno sučelje koje radi u bilo kojem obliku.
Da. Promijenite širinu i visinu atributa na iramu. Koristite kontrole za prilagodbu na vrhu ove stranice za pregled različitih veličina i dobiti ažurirani ugrađeni kod. Također možete postaviti širinu="100%" za odgovarajuće rasporede.
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.
Ne. Iframes opterećenje neovisno o vašoj stranici. Dodaj utovar="lazy" na iframe oznaku da odgodi utovar dok widget pomjera u pogled. widget čini API pozive samo kada posjetitelj interakcije s njim.
Da. Svaka platforma koja podržava vlastiti HTML ili ugrađeni blokovi mogu koristiti ove widgete. U WordPress, koristiti Prilagođeni HTML blok. U Shopify, koristiti poseban Liquid dio. U Squarespace, koristiti kod Block.
Da. Grafička sučelja su potpuno odgovorna i rade na telefonima, tabletama i radnim površinama. Oni se automatski prilagođavaju iframe dimenzijama.
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 koristi Qwen2.5 7B. TTS nudi Kokoro, Piper, Melotts i Chatterbox. Prijevod koristi MadLAD-400 (450+ jezika). Generacija slika koristi FLUX.1 Schnell, Stabilni Difusion XL i Kandinsky 2.2. Svi modeli otvorenog izvora.
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

Dodaj AL na svoju web stranicu u jednoj liniji

Grafički element za tekst- u- govor

Grafički element za prijevod

Grafički element za generiranje slike

Kako to funkcionira

Pro tipovi

FAQ

Što je Free.ai ugrađenog grafičkog elementa?

Kako da dodam grafički element na moju web stranicu?

Koji alati mogu ugraditi?

Mogu li prilagoditi veličinu grafičkog elementa?

Da li grafički element košta nešto?

Hoće li grafički element usporiti moju web stranicu?

Mogu li ugraditi widget u WordPress, Shopify, ili Squarespace?

Da li widget radi na mobilnim uređajima?

Mogu li ugraditi grafički element u React ili Vue aplikaciju?

Koji AI modeli napajaju widgete?

Mogu li koristiti vlastiti API ključ s widgetom?

Da li posjetitelji trebaju Free.ai račun za korištenje grafičkog elementa?

Nabavite 10.000 besplatnih tokena

Čekajte, dobiti 10K besplatnih tokena!

Hoćeš još?