Embeddable AI Widget | Free.ai

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

Веб-сайтыңызга бир сапта AI кошуу

Free.ai виджетти каалаган веб-сайтка жөнөкөй </code> менен киргизүү. AI чат, текст-то-слов, которуу жана сүрөттөрдү түзүү — толук функционалдуу, backend керек эмес.</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>Ката:</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">_Чоңдугу (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">Бийиктиги (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">Сыя</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Сызыксыз</option> <option value="1px solid #e5e7eb">Ачык чекит</option> <option value="1px solid #000">Кара чекит</option> <option value="2px solid #4f46e5">Акцент чекити</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Бардык алдын-ала көрүүлөрдү жаңылоо</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 чат-виджет</h3> <p class="text-muted mb-3">Вебсайтыңызга толук AI чатботун кошуңуз. Көргөзмөгө келгендер суроолорун берип, AI жоопторун тез арада алышат.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Жаңылоо</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">


                    
                        Кодду киргизүү
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        _Касиеттери: Бир нече жолу кайталанган сүйлөшүүлөр, Qwen 2.5 7B модели, контексттик эс тутум, Enter-to-send перне таракчасы.



        
        
            
                Тексттен сүйлөөгө
                Текстти табигый үн менен сүйлөөгө айландыруу. Бир нече үн жана моделдер бар.
                
                    
                        Жаңылоо
                        
                    
                    
                        Кодду киргизүү
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        _Касиеттери: Kokoro, Piper, MeloTTS, жана Chatterbox моделдери. Эркек жана аял үндөрү. Аудио ойнотуу жана жүктөп алуу.
                    
                
            
        

        
        
            
                Таржима
                Сайтыңызга тез AI которуусун кошуңуз. MadLAD-400 аркылуу 450+ тилдер колдойт.
                
                    
                        Жаңылоо
                        
                    
                    
                        Кодду киргизүү
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        _Касиеттери: Бул тилдердин 450дөн ашууну автоматтык түрдө аныкталат, булгаары буферине көчүрүлүп жазылат, Google MadLAD-400 3B менен иштелип чыккан.
                    
                
            
        

        
        
            
                Сүрөттү жаратуу
                Тексттик суроолор аркылуу веб-сайтыңызга келген конокторго AI сүрөттөрүн түз эле жаратууга мүмкүндүк берүү.
                
                    
                        Жаңылоо
                        
                    
                    
                        Кодду киргизүү
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        _Касиеттери: FLUX.1 Schnell, Stable Diffusion XL, жана Кандинский моделдери. Бир нече пропорциялар. Жаңыдан түзүлгөн сүрөттөрдү жүктөп алуу.
                    
                
            
        

        
        
            
                Кантип иштейт
                
                    
                        
                        1. Кодду көчүрүү
Төмөндө бир виджетти тандап, iframe тегин көчүрүп алыңыз.
                    
                    
                        
                        2. HTMLге орнотуу
iframe'ди беттин каалаган жерине кошуу. Ар кандай CMS, фреймворк же статикалык сайттар менен иштей алат.
                    
                    
                        
                        3. Сиздин конокторуңуз AI колдонот
Виджет толук функционалдуу. Көргөзмөгө келгендерге күнүнө бир нече жолу акысыз колдонууга уруксат берилет — API ачкычтары керектелбейт.
                    
                
            
        

        
        
            
                Профессионалдык кеңештер
                
                    Жаңы width="100%" контейнерин толтуруучу жооптуу виджетти колдонуу үчүн.
                    Кошуу loading="lazy" iframe-ге, эгерде виджет көрүнүшкө чейин жүктөлүшүн күтүүнү кааласаңыз.
                    iframe-ди ылдый жылдыруу <div> менен max-width чоң экрандарда өлчөмүн башкаруу үчүн.
                    Бардык виджеттер күнүнө Free.ai токенди колдонот. Free.aiге кирген коноктор 5x көп токендерди алышат.
                    Сайтыңызга жогору чектөөлөрдү коюуну каалайсызбы? API ачкычын алуу жана ыңгайлаштырылган интеграцияны түзүү.
                
            
        

        
            API ачкычын алуу
            Бардык интеграциялар








    
    
        
            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.
Учурда төрт аспап бар: AI чат (/embed/chat/), текст-в-слов (/embed/tts/), перевод (/embed/translate/), и изображение генератор (/embed/image/). Каждый из них является полностью функциональным автономным интерфейсом, который работает в любом iframe.
Да. Измените ширину и высоту атрибутов iframe. Используйте настройки вверху страницы для предварительного просмотра различных размеров и получения обновленного встраиваемого кода. Вы также можете установить ширину="100%" для адаптивных макетов.
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.
Жок. Iframes load independently of your page. Loading="lazy" тегу iframe тегине кошулат, эгерде жүктөө процессин виджет көрүнүшкө чейин кечиктирүүнү кааласаңыз. Виджет API чакырууларын жөнөтөт, бирок, ал менен байланышкан колдонуучуга гана.
Да. Эң жөнөкөй HTML же embed блокторун колдогон бардык платформалар бул виджетти колдоно алышат. WordPressте, Custom HTML блокун колдонуп, Shopifyдо, Custom Liquid секциясын колдонуп, Squarespaceде, Code Block колдонуп.
Да. Виджеттердин интерфейси толук адаптивдүү жана телефондордо, планшеттерде жана иш столдордо иштей алат. Алар 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.
Чат Qwen 2.5 7B колдонот. ТТС Kokoro, Piper, MeloTTS жана Chatterbox сунуштайт. Таржима использует MadLAD-400 (450+ языков). Снимки генерируются с помощью FLUX.1 Schnell, Stable Diffusion XL и Kandinsky 2.2. Все модели открыты.
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

Веб-сайтыңызга бир сапта AI кошуу

Тексттен сүйлөөгө

Таржима

Сүрөттү жаратуу

Кантип иштейт

Профессионалдык кеңештер

FAQ

Free.ai киргизилүүчү виджет деген эмне?

Веб-сайтыма виджетти кантип кошуу керек?

Кайсы ДК аспаптарын киргизсе болот?

Виджеттин өлчөмүн өзгөртсө болотпу?

Виджеттин баасы барбы?

Виджет менин веб-сайтымды жайлатабы?

Мен виджетти WordPress, Shopify же Squarespace'ке киргизе аламбы?

Виджет мобилдик түзмөктөр менен иштейби?

Виджетти React же Vue тиркемесине киргизсе болотпу?

Виджеттерди кандай AI моделдери иштетет?

Менин API ачкычымды виджет менен колдонууга болобу?

Виджетти колдонуу үчүн конокторго Free.ai эсеби керекпи?

10 000 акысыз жетонду алуу

Күтүңүз! 10K акысыз токендерди алыңыз!

Дагы керекпи?