Embeddable AI Widget | Free.ai

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

Aggiungi AI al tuo sito web in One Line

Incorpora Free.ai widget su qualsiasi sito web con un semplice </code>. Chat AI, text-to-speech, traduzione e generazione di immagini — completamente funzionale, nessun backend richiesto.</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>Personalizza dimensione dell' elemento</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Larghezza (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">Altezza (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">Bordo</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Nessun bordo</option> <option value="1px solid #e5e7eb">Bordo chiaro</option> <option value="1px solid #000">Bordo scuro</option> <option value="2px solid #4f46e5">Bordo dell'accento</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Aggiorna tutte le anteprime</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 chat AI</h3> <p class="text-muted mb-3">Aggiungi un completo AI chatbot al tuo sito web. I visitatori possono fare domande e ottenere risposte IA istantanei.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Anteprima in diretta</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">


                    
                        Incorpora codice
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Caratteristiche: Conversazioni multi-turn, modello Qwen 2.5 7B, memoria contestuale, scorciatoia da tastiera Enter a Send.



        
        
            
                Widget vocale
                Lasciate che i visitatori convertano il testo in un discorso naturale. Sono disponibili più voci e modelli.
                
                    
                        Anteprima in diretta
                        
                    
                    
                        Incorpora codice
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Caratteristiche: Modelli Kokoro, Piper, MeloTTS e Chatterbox. Voci maschili e femminili. Riproduzione e download audio.
                    
                
            
        

        
        
            
                Widget traduzione
                Aggiungi una traduzione istantanea di AI al tuo sito. Supporta 450+ lingue via MadLAD-400.
                
                    
                        Anteprima in diretta
                        
                    
                    
                        Incorpora codice
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Caratteristiche: Rilevamento automatico del linguaggio sorgente, 450+ lingue di destinazione, copy-to-clipboard, alimentato da Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget generazione immagini
                Lasciate che i visitatori generino immagini AI direttamente sul vostro sito web da prompt di testo.
                
                    
                        Anteprima in diretta
                        
                    
                    
                        Incorpora codice
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Caratteristiche: FLUX.1 Schnell, Stable Diffusion XL e modelli Kandinsky. Multiple aspect ratios. Scarica immagini generate.
                    
                
            
        

        
        
            
                Come funziona
                
                    
                        
                        1. Copiare il codice incorporato
Scegliere un widget sopra e copiare il tag iframe.
                    
                    
                        
                        2. Incolla nel tuo HTML
Aggiungi l'iframe ovunque nella tua pagina. Funziona con qualsiasi sito CMS, framework o statico.
                    
                    
                        
                        3. I visitatori utilizzano AI
Il widget è completamente funzionale. I visitatori ottengono limiti giornalieri gratuiti non è necessaria alcuna chiave API.
                    
                
            
        

        
        
            
                Suggerimenti Pro
                
                    Imposta width="100%" per un widget reattivo che riempie il suo contenitore.
                    Aggiungi loading="lazy" all'iframe per rimandare il caricamento fino a quando il widget scorre in vista.
                    Avvolgi l'iframe in un <div> con max-width per controllare il dimensionamento su schermi più grandi.
                    Tutti i widget utilizzano il token pool giornaliero Free.ai. I visitatori che accedono a Free.ai ottenere 5x altri token.
                    Vuoi dei limiti più alti per il tuo sito? Ottieni una chiave API e costruire un'integrazione personalizzata.
                
            
        

        
            Ottieni la chiave API
            Tutte le integrazioni








    
    
        
            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.
Attualmente quattro strumenti: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/) e Image Generation (/embed/image/).Ciascuno è un'interfaccia standalone completamente funzionale che funziona in qualsiasi iframe.
Sì. Modificare gli attributi di larghezza e altezza sull'iframe. Usare i controlli di personalizzazione nella parte superiore di questa pagina per visualizzare in anteprima diverse dimensioni e ottenere il codice embed aggiornato. È anche possibile impostare la larghezza="100%" per layout reattivi.
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.
No. Iframe caricano indipendentemente dalla tua pagina. Aggiungi loading="lazy" al tag iframe per rimandare il caricamento fino a quando il widget scorre in vista. Il widget effettua chiamate API solo quando un visitatore interagisce con esso.
Sì. Qualsiasi piattaforma che supporta blocchi HTML o embed personalizzati può utilizzare questi widget. In WordPress, utilizzare un blocco HTML personalizzato. In Shopify, utilizzare una sezione Liquid personalizzato. In Squarespace, utilizzare un blocco di codice.
Sì. Le interfacce widget sono completamente reattive e funzionano su telefoni, tablet e desktop. Si adattano automaticamente alle dimensioni dell'iframe.
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 utilizza Qwen 2.5 7B. TTS offre Kokoro, Piper, MeloTTS e Chatterbox. La traduzione utilizza MadLAD-400 (450+ lingue). La generazione di immagini utilizza FLUX.1 Schnell, Stable Diffusion XL e Kandinsky 2.2. Tutti i modelli open-source.
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

Aggiungi AI al tuo sito web in One Line

Widget vocale

Widget traduzione

Widget generazione immagini

Come funziona

Suggerimenti Pro

FAQ

Che cos'è il widget embeddable Free.ai?

Come aggiungere il widget al mio sito web?

Quali strumenti AI posso incorporare?

Posso personalizzare la dimensione del widget?

Il widget costa qualcosa?

Il widget rallenterà il mio sito web?

Posso incorporare il widget in WordPress, Shopify, o Squarespace?

Il widget funziona sui dispositivi mobili?

Posso incorporare il widget in un'app React o Vue?

Quali modelli AI alimentano i widget?

Posso usare la mia chiave API con il widget?

I visitatori hanno bisogno di un account Free.ai per utilizzare il widget?

Ottieni 10.000 Token gratuiti

Aspetta. Ottieni 10K Token gratis!

Ne vuoi ancora?