Embeddable AI Widget | Free.ai

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

Dodaj UI na svoju web stranicu u jednoj liniji

Ugradite Free.ai widgeta na bilo koju web stranicu sa jednostavnim </code>. UI chat, tekst-u-govor, prevođenje i generiranje slika — potpuno funkcionalno, bez potrebe za backend-om.</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">Okvir</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Bez okvira</option> <option value="1px solid #e5e7eb">Svjetla granica</option> <option value="1px solid #000">Tamna granica</option> <option value="2px solid #4f46e5">Obrub naglaska</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>AI Chat widget</h3> <p class="text-muted mb-3">Dodajte potpuno UI chatbot na vašu web stranicu. Posjetioci mogu postavljati pitanja i dobiti instant UI 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>
                        
                        
                        Značajke: 2017.  "Službeni rezultati 1. kola 2.B HNL - Istok - 2.B HNL - Zapad".



        
        
            
                Tekst-u-govor widget
                Dozvolite posjetiocima da pretvaraju tekst u prirodno zvučan govor. Dostupno je više glasova i modela.
                
                    
                        Pregled uživo
                        
                    
                    
                        Ugradi kod
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Značajke: Kokoro, Piper, MeloTTS, i Chatterbox modeli. muški i ženski glasovi. reprodukcija zvuka i preuzimanje.
                    
                
            
        

        
        
            
                Prevodilački widget
                Dodaj trenutni UI 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>
                        
                        
                        Značajke: Auto-detect source language, 450+ target languages, copy-to-clipboard, powered by Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Grafički element za stvaranje slika
                Dozvolite posjetiocima da generiraju UI slike direktno na vašoj web stranici iz tekstnih poruka.
                
                    
                        Pregled uživo
                        
                    
                    
                        Ugradi kod
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Značajke: FLUX.1 Schnell, Stable Diffusion XL, i Kandinsky modeli. Višestruki omjer stranica. Preuzmi generirane slike.
                    
                
            
        

        
        
            
                Kako to funkcionira
                
                    
                        
                        Kopirajte ugrađeni kod
Izaberite widget iznad i kopirajte iframe oznaku.
                    
                    
                        
                        2. Zalijepi u HTML
Dodaj iframe bilo gdje na stranici. Radi sa bilo kojim CMS-om, framework-om ili statičkim sajtom.
                    
                    
                        
                        3.Vaši posjetioci koriste UI
Widget je potpuno funkcionalan. Posjetioci dobivaju besplatne dnevne limite - nije potreban API ključ.
                    
                
            
        

        
        
            
                Pro savjeti
                
                    Set width="100%" za responzivni widget koji ispunjava svoj spremnik.
                    Dodaj loading="lazy" Dodaj u iframe da bi se odložilo učitavanje dok se widget ne pomakne u prikaz.
                    Omotajte iframe u <div> sa max-width da kontroliše veličinu na većim ekranima.
                    Svi widgeti koriste Free.ai dnevnih token poola. Posjetioci koji se prijave na Free.ai dobiju 5x više tokena.
                    Želite li veće granice za vašu stranicu? Dohvati API ključ i izgraditi prilagođenu integraciju.
                
            
        

        
            Pribavi 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: UI Chat (/embed/chat/), Tekst-u-govor (/embed/tts/), Prevođenje (/embed/translate/), i Generiranje slika (/embed/image/). Svaki je potpuno funkcionalan samostalni interfejs koji radi u bilo kojem iframeu.
Da. Promijenite atribute širine i visine na iframe-u. Koristite kontrole prilagodbe na vrhu ove stranice za pretpregled različitih veličina i dobijte ažurirani kod za ugradnju. Također možete postaviti width="100%" za responzivne 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 30,000 tokens per day.
Ne. Iframes se učitavaju nezavisno od vaše stranice. Dodajte loading="lazy" na iframe oznaku da odgodite učitavanje dok se widget ne pomakne u prikaz. Widget samo vrši API pozive kada posjetilac stupi u interakciju s njim.
Da. Svaka platforma koja podržava prilagođeni HTML ili ugrađene blokove može koristiti ove widgete. U WordPressu, koristite prilagođeni HTML blok. U Shopifyu, koristite prilagođeni Liquid odjeljak. U Squarespaceu koristite blok koda.
Da. Widget sučelja su potpuno responzivna i rade na telefonima, tabletima i desktopima. Automatski se prilagođavaju dimenzijama iframe-a.
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 Qwen 2.5 7B. TTS nudi Kokoro, Piper, MeloTTS, i Chatterbox. Prevođenje koristi MadLAD-400 (450+ jezika). Generiranje slika koristi FLUX.1 Schnell, Stable Diffusion XL, i Kandinsky 2.2. Svi modeli su otvorenog koda.
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 UI na svoju web stranicu u jednoj liniji

Tekst-u-govor widget

Prevodilački widget

Grafički element za stvaranje slika

Kako to funkcionira

Pro savjeti

FAQ

Šta je Free.ai ugradljivi widget?

Kako da dodam widget na moju web stranicu?

Koje UI alate mogu ugraditi?

Mogu li prilagoditi veličinu widgeta?

Košta li nešto?

Hoće li widget usporiti moju web stranicu?

Mogu li ugraditi widget u WordPress, Shopify ili Squarespace?

Da li widget radi na mobilnim uređajima?

Mogu li ugraditi widget u React ili Vue aplikaciju?

Koji UI modeli pokreću widgete?

Mogu li koristiti svoj vlastiti API ključ sa widgetom?

Da li posjetioci trebaju Free.ai račun da bi koristili widget?

Dobijte 10.000 besplatnih žetona

Čekajte - Uzmite 10K besplatnih žetona!

Hoćeš još?