Embeddable AI Widget

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

Engadir IA ao seu sitio web nunha liña

Incorpore widgets Free.ai en calquera sitio web cun simple </code>. Chat de IA, texto- a- voz, tradución e xeración de imaxes & mdash; totalmente funcional, non se require ningunha infraestrutura.</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>Personalizar o tamaño da inserción</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Ancho (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">Altura (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">Contorno</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Sen moldura</option> <option value="1px solid #e5e7eb">Contorno claro</option> <option value="1px solid #000">Contorno escuro</option> <option value="2px solid #4f46e5">Contorno de acentos</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Actualizar todas as vistas previas</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 de AI Chat</h3> <p class="text-muted mb-3">Engade un chatbot de IA completo ao teu sitio web. Os visitantes poden facer preguntas e obter respostas instantáneas de IA.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Vista previa en directo</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">


                    
                        Código de incorporación
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Características: Conversas de varias voltas, modelo Qwen 2.5 7B, memoria contextual, atallo de teclado Enter-to-send.



        
        
            
                Text-to-Speech Widget
                Permite aos visitantes converter texto en voz natural. Dispón de varias voces e modelos.
                
                    
                        Vista previa en directo
                        
                    
                    
                        Código de incorporación
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Características: Modelos Kokoro, Piper, MeloTTS e Chatterbox. Voz masculina e feminina. Reprodución e descarga de son.
                    
                
            
        

        
        
            
                Widget de tradución
                Engade traducións instantáneas de IA ao teu sitio. Soporta máis de 450 idiomas a través de MadLAD-400.
                
                    
                        Vista previa en directo
                        
                    
                    
                        Código de incorporación
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Características: Detecta automaticamente a lingua de orixe, máis de 450 linguas de destino, copia ao portarretallos, con Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget de xeración de imaxes
                Permite que os visitantes xeren imaxes de IA directamente no seu sitio web a partir de preguntas de texto.
                
                    
                        Vista previa en directo
                        
                    
                    
                        Código de incorporación
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Características: Modelos FLUX. 2 Klein e Stable Diffusion XL. Múltiples proporcións. Obter as imaxes xeradas.
                    
                
            
        

        
        
            
                Como funciona
                
                    
                        
                        1. Copiar o código de incorporación
Escolla un widget de riba e copie a etiqueta iframe.
                    
                    
                        
                        2. Apegar no HTML
Engadir o iframe en calquera lugar da páxina. Funciona con calquera CMS, framework ou sitio estático.
                    
                    
                        
                        3. Os teus visitantes usan IA
O widget é totalmente funcional. Os visitantes obteñen límites diarios gratuítos, non se precisa chave API.
                    
                
            
        

        
        
            
                Consellos profesionais
                
                    Set width="100%" para un widget responsivo que enche o seu contedor.
                    Engadir loading="lazy" ao iframe para atrasar a carga ata que o widget se desprace á vista.
                    Agrupar o iframe nunha <div> con max-width para controlar o tamaño en pantallas maiores.
                    All widgets use the Free.ai daily token pool. Visitors with a confirmed Free.ai account get 5x more tokens (30,000/day).
                    Quere límites máis altos para o seu sitio? Obter unha chave API e construír unha integración personalizada.
                
            
        

        
            Obter a chave da API
            Todas as integracións








    
    
        
            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.
Actualmente hai catro ferramentas: AI Chat (/ embed/ chat/), Texto- a- Fala (/ embed/ tts/), Tradución (/ embed/ translate/) e Xeración de imaxes (/ embed/ image/). Cada unha é unha interface independente totalmente funcional que funciona en calquera iframe.
Si. Mude os atributos de anchura e altura da iframe. Use os controles de personalización na parte superior desta páxina para previsualizar os diferentes tamaños e obter o código de incrustación actualizado. Tamén pode definir a anchura como « 100% » para as disposicións responsivas.
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.
Non. Os iframes cárganse independentemente da páxina. Engadir loading=" lazy "á etiqueta iframe para atrasar a carga ata que o widget se despraze para a vista. O widget só fai chamadas á API cando un visitante interactúa con el.
Si. Calquera plataforma que admita HTML personalizado ou bloques incorporados pode usar estes widgets. En WordPress, use un bloque HTML personalizado. En Shopify, use unha sección Liquid personalizada. En Squarespace, use un bloque de código.
Si. As interfaces dos widgets son totalmente responsivas e funcionan en teléfonos, tabletas e escritorios. Adáptanse automaticamente ás dimensións do 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.
O chat emprega Qwen 2.5 7B. O TTS ofrece Kokoro, Piper, MeloTTS e Chatterbox. A tradución emprega MadLAD- 400 (máis de 450 linguas). A xeración de imaxes emprega FLUX. 1 Schnell, Stable Diffusion XL e Kandinsky 2.2. Todos os modelos son de código aberto.
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 6,000 free daily tokens. If they happen to be signed in to Free.ai in another tab, they automatically get their higher 30,000-token daily limit.

Embeddable AI Widget

Engadir IA ao seu sitio web nunha liña

Text-to-Speech Widget

Widget de tradución

Widget de xeración de imaxes

Como funciona

Consellos profesionais

FAQ

Que é o widget incrustábel Free.ai?

Como podo engadir o widget ao meu sitio web?

Que ferramentas de IA podo incorporar?

Podo personalizar o tamaño do widget?

O widget custa algo?

O widget ralentizará o meu sitio web?

Podo incorporar o widget en WordPress, Shopify ou Squarespace?

Funciona o widget nos dispositivos móbiles?

Podo incorporar o widget nun programa de React ou Vue?

Que modelos de IA alimentan os widgets?

Podo empregar a miña propia chave API co widget?

Necesitan os visitantes unha conta Free.ai para usar o widget?

30,000 Free Tokens, Every Day

Agarda: 30K tokens gratuítos/día!

Non hai máis?