Embeddable AI Widget

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

Web sitenize tek bir satırda yapay zeka ekleyiniz

Basit bir </code> ile herhangi bir web sitesine Free.ai widget'ları yerleştirin. AI chat, metin-sözlüğe, çeviri ve resim üretimi - tamamen işlevsel, arka plan gerekmiyor.</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>Ekleme Boyutlarını Özelleştir</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Genişlik (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">Yükseklik (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">Çevre</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Sınır yok</option> <option value="1px solid #e5e7eb">Açık sınır</option> <option value="1px solid #000">Koyu renkli sınır</option> <option value="2px solid #4f46e5">Aksent sınırı</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Tüm Önizlemeyi Güncelle</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>AI Chat Widget</h3> <p class="text-muted mb-3">Web sitenize tam AI chatbot ekleyin. Ziyaretçiler sorular sorabilir ve AI'den anlık cevaplar alabilirler.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Canlı Önizleme</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">


                    
                        Kod Ekle
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Özellikler: Multi-turn konuşmalar, Qwen 2.5 7B model, bağlam belleği, Enter-to-send klavye kısayolları.



        
        
            
                Metin- Konuşmaya BölümName
                Ziyaretçilerin metinleri doğal sesli konuşmaya dönüştürmelerini sağlayın. Çok sayıda ses ve model mevcut.
                
                    
                        Canlı Önizleme
                        
                    
                    
                        Kod Ekle
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Özellikler: Kokoro, Piper, MeloTTS ve Chatterbox modelleri. erkek ve kadın sesleri. ses oynatma ve indirme.
                    
                
            
        

        
        
            
                Çeviri Aracı
                Sitenize anlık AI çevirisini ekleyin. MadLAD-400 aracılığıyla 450+ dili destekler.
                
                    
                        Canlı Önizleme
                        
                    
                    
                        Kod Ekle
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Özellikler: Otomatik kaynak dili tespit, 450+ hedef dil, kopya-klipboard, Google MadLAD-400 3B tarafından güçlendirilmiştir.
                    
                
            
        

        
        
            
                Resim Yaratma Aracı
                Ziyaretçilerin AI resimlerini doğrudan web sitenizde metin uyarıları ile oluşturmasına izin verin.
                
                    
                        Canlı Önizleme
                        
                    
                    
                        Kod Ekle
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Özellikler: FLUX.2 Klein ve Stable Diffusion XL modelleri. Çoklu görüntü oranları. Oluşturulmuş resimleri indirin.
                    
                
            
        

        
        
            
                Nasıl Çalışıyor
                
                    
                        
                        1. Ekleme kodunu kopyala
Yukarıda bir widget seç ve iframe etiketini kopyala.
                    
                    
                        
                        2. HTML' nize yapıştır
iframe' i sayfanızın herhangi bir yerine ekleyin. Her CMS, çerçeve veya statik site ile çalışır.
                    
                    
                        
                        Ziyaretçileriniz yapay zeka kullanıyor.
Widget tam işlevsel. Ziyaretçiler günlük ücretsiz limitler alıyorlar — API anahtarı gerekmiyor.
                    
                
            
        

        
        
            
                Profesyonel İpuçları
                
                    Set width="100%" konteynerlerini dolduran bir tepkisel widget için.
                    Ekle loading="lazy" iframe'e yüklemeyi widget görüntüye dönene kadar ertelemek için.
                    iframe' i bir <div> ile max-width büyük ekranlarda boyutlandırmayı kontrol etmek için.
                    Tüm widget'lar günlük Free.ai token havuzunu kullanır. Free.ai'e giriş yapan ziyaretçiler 12x daha fazla token (günde 30.000) alır.
                    Siteniz için daha yüksek limitler mi istiyorsunuz? API anahtarı alın ve özel bir entegrasyon oluşturabiliriz.
                
            
        

        
            API Anahtarını Al
            Tüm Entegrasyonlar








    
    
        
            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.
Şu anda dört araç: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/), ve Image Generation (/embed/image/). Her biri herhangi bir iframe'de çalışan tamamen işlevsel bağımsız bir arayüzdür.
Evet. iframe'in genişlik ve yükseklik özelliklerini değiştirin. Farklı boyutları önizlemek ve güncellenmiş entegre kodu almak için bu sayfanın üst kısmındaki kişiselleştirme kontrollerini kullanın. Ayrıca, tepkisel düzenlemeler için width="100%"'ı ayarlayabilirsiniz.
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.
Hayır. Iframe'ler sayfanızdan bağımsız olarak yüklenir. iframe etiketine loading="lazy" ekleyerek yüklemeyi widget görüntülene kadar erteleyin. Widget sadece bir ziyaretçi ile etkileşime girdiğinde API çağrıları yapar.
Evet. Özel HTML veya gömülü blokları destekleyen herhangi bir platform bu widget'ları kullanabilir. WordPress'te, Özel HTML blokunu kullanın. Shopify'da, özel bir Liquid bölümünü kullanın. Squarespace'te, Kod Blokunu kullanın.
Evet. Widget arayüzleri tamamen tepkisel ve telefonlarda, tabletlerde ve masaüstünde çalışır. iframe boyutlarına otomatik olarak uyarlanır.
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 Qwen 2.5 7B kullanır. TTS Kokoro, Piper, MeloTTS ve Chatterbox sunar. Çeviri MadLAD-400 (450+ dil) kullanır. Resim üretimi FLUX.1 Schnell, Stable Diffusion XL ve Kandinsky 2.2 kullanır. Tüm modelleri açık kaynaktır.
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.
Hayır. Ziyaretçiler widget'ı anonim olarak 6.000 günlük ücretsiz token ile kullanabilirler. Eğer başka bir sekmede Free.ai'e giriş yaparlarsa, otomatik olarak daha yüksek günlük 30.000 token limitine sahip olurlar.

Embeddable AI Widget

Web sitenize tek bir satırda yapay zeka ekleyiniz

Metin- Konuşmaya BölümName

Çeviri Aracı

Resim Yaratma Aracı

Nasıl Çalışıyor

Profesyonel İpuçları

FAQ

Free.ai'in eklenebilir widget'ı nedir?

Web siteme widget'ı nasıl eklerim?

Hangi yapay zeka araçlarını ekleyebilirim?

Widget'in boyutlarını özelleştirebilir miyim?

Bu cihaz bir şeye mal mı oluyor?

Widget web sitemi yavaşlatacak mı?

Widget'ı WordPress, Shopify veya Squarespace'e yerleştirebilir miyim?

Widget mobil cihazlarda çalışıyor mu?

Widget'ı React veya Vue uygulamasına yerleştirebilir miyim?

Hangi yapay zeka modelleri widget'ları çalıştırıyor?

Widget ile kendi API anahtarımı kullanabilir miyim?

Ziyaretçilerin widget'ı kullanmak için Free.ai hesabına ihtiyacı var mı?

Her gün 30.000 ücretsiz token

Bekle — günde 30K ücretsiz token!

Daha fazlası mı?