Embeddable AI Widget | Free.ai

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

Ajouter AI à votre site web dans One Line

Intégrez Free.ai widgets sur n'importe quel site Web avec un simple </code>. Chat AI, texte-à-parler, traduction et génération d'images — entièrement fonctionnel, sans moteur de recherche requis.</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>Personnaliser la taille d'assemblage</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Largeur (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">Hauteur (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">Frontière</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Pas de frontière</option> <option value="1px solid #e5e7eb">Frontière légère</option> <option value="1px solid #000">Bordure sombre</option> <option value="2px solid #4f46e5">Frontière ouverte</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Mettre à jour tous les aperçus</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 clavardage AI</h3> <p class="text-muted mb-3">Ajoutez un chatbot d'IA complet à votre site Web. Les visiteurs peuvent poser des questions et obtenir des réponses instantanées à l'IA.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Aperçu en direct</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">


                    
                        Code intégré
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Caractéristiques: Conversations multi-tours, Qwen 2.5 Modèle 7B, mémoire contextuelle, raccourci clavier Entrée-à-send.



        
        
            
                Widget texte-à-discours
                Laissez les visiteurs convertir le texte en langage naturel. Plusieurs voix et modèles disponibles.
                
                    
                        Aperçu en direct
                        
                    
                    
                        Code intégré
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Caractéristiques: Kokoro, Piper, MeloTTS et Chatterbox modèles. Voix masculines et féminines. Lecture et téléchargement audio.
                    
                
            
        

        
        
            
                Widget de traduction
                Ajoutez une traduction instantanée de l'IA sur votre site. Supporte 450+ langues via MadLAD-400.
                
                    
                        Aperçu en direct
                        
                    
                    
                        Code intégré
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Caractéristiques: Langue source de détection automatique, 450+ langues cibles, copy-to-clipboard, propulsé par Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget de génération d'images
                Laissez les visiteurs générer des images d'IA directement sur votre site Web à partir d'invites de texte.
                
                    
                        Aperçu en direct
                        
                    
                    
                        Code intégré
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Caractéristiques: FLUX.1 Schnell, Stable Diffusion XL et les modèles Kandinsky. Multiples ratios d'aspects. Télécharger les images générées.
                    
                
            
        

        
        
            
                Comment ça marche
                
                    
                        
                        1. Copier le code d'intégration
Choisissez un widget ci-dessus et copiez la balise iframe.
                    
                    
                        
                        2. Coller dans votre HTML
Ajoutez l'iframe n'importe où dans votre page. Fonctionne avec n'importe quel CMS, framework ou site statique.
                    
                    
                        
                        3. Vos visiteurs utilisent l'IA
Le widget est entièrement fonctionnel. Les visiteurs obtiennent des limites quotidiennes gratuites — aucune clé API n'est nécessaire.
                    
                
            
        

        
        
            
                Conseils pro
                
                    Jeu width="100%" pour un widget réactif qui remplit son conteneur.
                    Ajouter loading="lazy" vers l'iframe pour reporter le chargement jusqu'à ce que le widget défile en vue.
                    Enveloppez l'iframe dans un <div> avec max-width pour contrôler le calibrage sur des écrans plus grands.
                    Tous les widgets utilisent la piscine de Free.ai jetons par jour. Les visiteurs qui se connectent à Free.ai obtiennent 5x jetons de plus.
                    Vous voulez des limites plus élevées pour votre site? Obtenez une clé API et construire une intégration personnalisée.
                
            
        

        
            Obtenir la clé API
            Toutes les intégrations








    
    
        
            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.
Actuellement, quatre outils : AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/) et Image Generation (/embed/image/). Chacun est une interface autonome entièrement fonctionnelle qui fonctionne dans n'importe quel iframe.
Oui. Changez les attributs de largeur et de hauteur sur l'iframe. Utilisez les commandes de personnalisation en haut de cette page pour prévisualiser différentes tailles et obtenir le code d'intégration mis à jour. Vous pouvez également définir la largeur (100%) pour les mises en page réactives.
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 30,000 tokens per day.
Non. Les iframes se chargent indépendamment de votre page. Ajoutez loading="lazy" à la balise iframe pour reporter le chargement jusqu'à ce que le widget défile en vue. Le widget ne fait des appels d'API que lorsqu'un visiteur interagit avec elle.
Oui. Toute plate-forme qui prend en charge des blocs HTML ou d'intégration personnalisés peut utiliser ces widgets. Dans WordPress, utilisez un bloc HTML personnalisé. Dans Shopify, utilisez une section Liquid personnalisée. Dans Squarespace, utilisez un bloc de code.
Oui. Les interfaces widget sont entièrement réactives et fonctionnent sur les téléphones, tablettes et ordinateurs de bureau. Ils s'adaptent automatiquement aux dimensions 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 utilise Qwen 2.5 7B. TTS offre Kokoro, Piper, MeloTTS et Chatterbox. La traduction utilise MadLAD-400 (450+ langues). La génération d'images utilise FLUX.1 Schnell, Stable Diffusion XL et Kandinsky 2.2. Tous les modèles 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

Ajouter AI à votre site web dans One Line

Widget texte-à-discours

Widget de traduction

Widget de génération d'images

Comment ça marche

Conseils pro

FAQ

Qu'est-ce que le widget embedable Free.ai?

Comment puis-je ajouter le widget à mon site web?

Quels outils d'IA puis-je intégrer?

Puis-je personnaliser la taille du widget?

Le widget coûte-t-il quelque chose?

Le widget va-t-il ralentir mon site web?

Puis-je intégrer le widget dans WordPress, Shopify ou Squarespace?

Le widget fonctionne-t-il sur les appareils mobiles?

Puis-je intégrer le widget dans une application React ou Vue?

Quels modèles d'IA alimentent les widgets?

Puis-je utiliser ma propre clé API avec le widget?

Les visiteurs ont-ils besoin d'un compte Free.ai pour utiliser le widget?

Obtenez 10 000 jetons gratuits

Attendez — Obtenez 10 000 jetons gratuits!

Tu en veux plus?