Embeddable AI Widget | Free.ai

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

Adicione IA ao seu site em One Line

Incluir Free.ai widgets em qualquer site com um simples </code>. AI chat, 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 acontecimento</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Atualizar todas as visualizações</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 Chat da IA</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">Previsualização 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 incorporado
                        
                            <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.
                
                    
                        Previsualização ao vivo
                        
                    
                    
                        Código incorporado
                        
                            <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. Apoia mais de 450 idiomas via MadLAD-400.
                
                    
                        Previsualização ao vivo
                        
                    
                    
                        Código incorporado
                        
                            <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 os visitantes gerar imagens de IA diretamente em seu site a partir de pedidos de texto.
                
                    
                        Previsualização ao vivo
                        
                    
                    
                        Código incorporado
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Características: FLUX.1 Schnell, Stable Diffusion XL e Kandinsky modelos. Múltiplos aspectos. 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 Free.ai token diário. Visitantes que se entrem para Free.ai obter 5x mais tokens.
                    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 2,500 tokens per day, and signed-in users get 5,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.
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

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 incrustable Free.ai?

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 um aplicativo React ou Vue?

Que modelos de IA alimentam 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?

Obtenha 10.000 tokens gratuitos

Espera — Obtenha 10K Free Tokens!

Queres mais?