Embeddable AI Widget | Free.ai

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

Web sitenize tek bir satırda yapay zeka ekle

Basit bir </code> ile herhangi bir web sitesine Free.ai widget yerleştirin. AI chat, metin-sözlüğe, çeviri ve resim üretimi — tam işlevsel, arka plan gerekmez.</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">Sınır</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 kenar</option> <option value="1px solid #000">Koyu kenar</option> <option value="2px solid #4f46e5">Aksent kenarı</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Tüm Önizlemeleri 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 WidgetName</h3> <p class="text-muted mb-3">Web sitenize tam bir yapay zeka sohbet robotu ekleyin. Ziyaretçiler sorular sorabilir ve anında yapay zeka 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 mesajlarından 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.1 Schnell, Stable Diffusion XL ve Kandinsky modelleri. Çoklu boyutlu. Oluşturulan 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.
                    
                    
                        
                        3. 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 5x daha fazla token 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 2,500 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.
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

Web sitenize tek bir satırda yapay zeka ekle

Metin- Konuşmaya BölümName

Çeviri Aracı

Resim Yaratma Aracı

Nasıl Çalışıyor

Profesyonel İpuçları

FAQ

Free.ai'in gömülü widget'ı nedir?

Web siteme nasıl ekleyebilirim?

Hangi yapay zeka araçlarını ekleyebilirim?

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

Bu cihazın bir bedeli var mı?

Bu widget web sitemi yavaşlatacak mı?

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

Widget mobil cihazlarda çalışıyor mu?

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

Hangi yapay zeka modelleri bu cihazları ç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ı?

10.000 ücretsiz token al

Bekle — 10K Bedava Token Al!

Daha fazlasını ister misin?