Embeddable AI Widget

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

Adicione IA ao seu site em One Line

Inclua Free.ai widgets em qualquer site com um simples </code>. chat de IA, texto-a- voz, tradução e geração de imagens - totalmente funcional, sem mecanismo necessário.</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 Tamanho Incluído</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Largura (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">Fronteira</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Sem fronteira</option> <option value="1px solid #e5e7eb">Fronteira leve</option> <option value="1px solid #000">Fronteira escura</option> <option value="2px solid #4f46e5">Fronteira de acento</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Actualizar todas as Vistas de Visão</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 da IA Chat</h3> <p class="text-muted mb-3">Adicione um chatbot completo de IA ao seu site. Os visitantes podem fazer perguntas 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 ao vivo</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 encaixe
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Características: Conversas multi-torno, Qwen_ 2.5 7B modelo, memória de contexto, Enter-to-end atalho de teclado.



        
        
            
                Widget text- to- Speech
                Deixe os visitantes converter texto para fala natural. Várias vozes e modelos disponíveis.
                
                    
                        Vista previa ao vivo
                        
                    
                    
                        Código de encaixe
                        
                            <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. Vozes masculinas e femininas. Reprodução e download de áudio.
                    
                
            
        

        
        
            
                Widget de tradução
                Adicione tradução instantânea de IA ao seu site. Suporta 450 mais idiomas através de MadLAD-400.
                
                    
                        Vista previa ao vivo
                        
                    
                    
                        Código de encaixe
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Características: Auto-detecção da linguagem-fonte, 450 mais idiomas-alvo, copy-to-clipboard, alimentado pelo Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget Geração de Imagem
                Deixe que os visitantes gerem imagens de IA diretamente em seu site a partir de pedidos de texto.
                
                    
                        Vista previa ao vivo
                        
                    
                    
                        Código de encaixe
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Características: Modelos de {1.2 Klein e Stable Diffusion XL. Várias razões de aspecto. Baixe imagens geradas.
                    
                
            
        

        
        
            
                Como funciona
                
                    
                        
                        1. Copie o código de incorporação
Escolha um widget acima e copie a etiqueta iframe.
                    
                    
                        
                        2. Pegue no seu HTML
Adicione o iframe em qualquer lugar da sua página. Funciona com qualquer site CMS, framework ou estático.
                    
                    
                        
                        3. Seus visitantes usam IA
O widget é totalmente funcional. Os visitantes recebem limites diários gratuitos — nenhuma chave API necessária.
                    
                
            
        

        
        
            
                Dicas Pro
                
                    Estabelecer width="100%" para um widget responsivo que preenche seu recipiente.
                    Adicionar loading="lazy" para o iframe para adiar a carga até que o widget role em vista.
                    Envolva o iframe em um <div> com max-width para controlar o dimensionamento em telas maiores.
                    Todos os widgets usam a piscina de token de Free.ai diários. Visitantes que se assinam a Free.ai obter 12x mais tokens (30.000/dia).
                    Quer maiores limites para o seu site? Obter uma chave API e construir uma integração personalizada.
                
            
        

        
            Obter a chave da API
            Todas as Integrações








    
    
        
            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.
Atualmente quatro ferramentas: IA Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Tradução (/embed/tradução/), e Image Generation (/embed/image/). Cada um é uma interface independente totalmente funcional que funciona em qualquer iframe.
Sim. Altere os atributos de largura e altura no iframe. Use os controles de personalização no topo desta página para visualizar diferentes tamanhos e obter o código de incorporação atualizado. Você também pode definir largura="100%" para layouts responsivos.
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.
Não. Iframes carregam independentemente da sua página. Adicione loading="lazy" para a etiqueta iframe para adiar o carregamento até que o widget role em vista. O widget faz apenas chamadas API quando um visitante interage com ele.
Sim. Qualquer plataforma que suporte HTML personalizado ou blocos embed podem usar estes widgets. Em WordPress, use um bloco HTML personalizado. Em Shopify, use uma seção Líquida personalizada. Em Squarespace, use um bloco de código.
Sim. As interfaces de widget são totalmente responsivos e funcionam em telefones, tablets e desktops. Eles se adaptam às dimensões iframe automaticamente.
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 usa Qwen 2.5 7B. O TTS oferece Kokoro, Piper, MeloTTS e Chatterbox. Tradução usa MadLAD-400 (450+ idiomas). A geração de imagens usa FLUX.1 Schnell, Stable Diffusion XL e Kandinsky 2.2. Todos os modelos 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.
Não. Os visitantes podem usar o widget de forma anónima com 6.000 fichas diárias gratuitas. Se eles acontecem ser assinados em Free.ai em outra guia, eles obtêm automaticamente seu limite diário de 30 mil toneladas mais alto.

Embeddable AI Widget

Adicione IA ao seu site em One Line

Widget text- to- Speech

Widget de tradução

Widget Geração de Imagem

Como funciona

Dicas Pro

FAQ

O que é o widget Free.ai e-inclusível?

Como posso adicionar o widget ao meu site?

Quais ferramentas de IA posso incorporar?

Posso personalizar o tamanho do widget?

O widget custa alguma coisa?

O widget vai abrandar o meu site?

Posso incorporar o widget em WordPress, Shopify, ou Squarespace?

O widget funciona em dispositivos móveis?

Posso incorporar o widget em uma app React ou Vue?

Quais modelos de IA poder os widgets?

Posso usar a minha própria chave API com o widget?

Os visitantes precisam de uma conta Free.ai para usar o widget?

30.000 Tokens gratuitos, todos os dias

Espera — 30K de fichas grátis/dia!

Want mais?