Embeddable AI Widget | Free.ai

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 Free.ai widgets en calquera sitio web cun simple </code>. Chat de IA, texto-a-fala, tradución e xeración de imaxes — totalmente funcional, non se require ningún backend.</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 conversas de IAName</h3> <p class="text-muted mb-3">Engade un chatbot completo de IA 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 incrustació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 de contexto, atallo de teclado Intro-para-enviar.



        
        
            
                Widget de síntese de vozName
                Permite aos visitantes converter texto en voz natural. Dispón de varias voces e modelos.
                
                    
                        Vista previa en directo
                        
                    
                    
                        Código de incrustació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
                Engada tradución de IA instantánea ao seu sitio. Soporta máis de 450 idiomas mediante MadLAD-400.
                
                    
                        Vista previa en directo
                        
                    
                    
                        Código de incrustació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 no 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 mensaxes de texto.
                
                    
                        Vista previa en directo
                        
                    
                    
                        Código de incrustación
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Características: FLUX. 1 Schnell, Stable Diffusion XL e modelos Kandinsky. Múltiples proporcións. Obter as imaxes xeradas.
                    
                
            
        

        
        
            
                Como funciona
                
                    
                        
                        1. Copiar o código de incrustación
Escolla un widget de riba e copie a etiqueta iframe.
                    
                    
                        
                        2. Apegar no seu HTML
Engade o iframe en calquera lugar da páxina. Funciona con calquera CMS, framework ou sitio estático.
                    
                    
                        
                        3. Os seus 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.
                    Conxugar o iframe nunha <div> con max-width para controlar o tamaño en pantallas maiores.
                    Todos os widgets empregan o conxunto diario de tokens Free.ai. Os visitantes que accedan a Free.ai obteñen 5x máis tokens.
                    Quere límites máis altos para o seu sitio? Obter unha chave da 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/), Text- to- Speech (/ embed/ tts/), Translation (/ embed/ translate/) e Image Generation (/ embed/ image/). Cada unha é unha interface independente totalmente funcional que funciona en calquera iframe.
Si. Mude os atributos de anchura e altura do iframe. Use os controles de personalización na parte superior desta páxina para previsualizar diferentes tamaños e obter o código de incrustación actualizado. Tamén pode estabelecer width=" 100% "para disposicións responsivas.
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.
Non. Os iframes cárganse independentemente da páxina. Engadir loading=" lazy "á etiqueta iframe para atrasar a carga ata que o widget se desprace á vista. O widget só fai chamadas á API cando un visitante interactúa con el.
Si. Calquera plataforma que admita HTML personalizado ou bloques de incrustación 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 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

Engadir IA ao seu sitio web nunha liña

Widget de síntese de vozName

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 usar a miña propia chave de API co widget?

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

Obteña 10. 000 fichas gratuítas

Agarde — Obteña 10K tokens gratuítos!

Queres máis?