Embeddable AI Widget

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

Веб- сайтыңызға бір жолда AI қосуName

Free.ai виджеттерін кез келген веб- сайтқа </code> дегенді қолданып ендіріңіз. AI чат, мәтін- дыбыс, аударма, және суреттерді жасау & mdash; толық функционалды, қолдау қажет емес. Name</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 Chat бөлшегі</h3> <p class="text-muted mb-3">Веб- сайтыңызға толық AI чатботты қосыңыз. Келушілер сұрақ қойып, AI- ден дереу жауап ала алады. Name</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-жіберу перне тіркесімі.



        
        
            
                Text-to-Speech Widget
                Let visitors convert text to natural-sounding speech. Multiple voices and models available.
                
                    
                        Тікелей алдын- ала қарау
                        
                    
                    
                        Ендіру коды
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Құрылғылар: Kokoro, Piper, MeloTTS және Chatterbox үлгілері. Еркек және әйел дауыс. Дыбысты ойнату және жүктеп алу.
                    
                
            
        

        
        
            
                Translation Widget
                Сайтыңызға автоматты аударма қосыңыз. 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-мен жұмыс істейді.
                    
                
            
        

        
        
            
                Image Generation Widget
                Веб-сайтыңызға келушілердің мәтіндік сұраулардан тікелей жасаған AI суреттерін жасауына мүмкіндік беріңіз.
                
                    
                        Тікелей алдын- ала қарау
                        
                    
                    
                        Ендіру коды
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Құрылғылар: FLUX. 2 Klein және Stable Diffusion XL үлгілері. Көп қатынастар. Жіберілген суреттерді жүктеп алу.
                    
                
            
        

        
        
            
                Не істейтіні
                
                    
                        
                        1. Ендіру кодын көшірмелеу
Жоғардағы бөлшегін таңдап, iframe тегін көшіріп алыңыз.
                    
                    
                        
                        2. HTML- ге орналастыру
iframe- ді бетіңіздің кез келген жеріне қосыңыз. Барлық CMS, фреймворк, статикалық сайттармен жұмыс істейді.
                    
                    
                        
                        3. Сіздің келушілеріңіз ДНҚ-ны қолданады
Бөлшек толық әрекетті. Қайталаушылары күн сайын тегін шектеулерді алады - API кілт қажет емес.
                    
                
            
        

        
        
            
                Профессордың кеңестері
                
                    Жазу width="100%" Контейнерін толтыратын әрекет ететін бөлшегі үшін.
                    Қосу loading="lazy" iframe- ге, бөлшектің көрінісіне жүгіртуге дейін жүктеуді кейінге қалдыру үшін.
                    iframe- ді келесіге тасымалдау <div> келесімен max-width Үлкен экрандағы өлшемді басқару үшін.
                    Барлық бөлшектер күнделікті Free.ai жетон қорын пайдаланады. Free.ai тіркелгісі расталғандар 5 есе көп жетон алады (күніне 30 000 жетон).
                    Сайтыңыз үшін жоғары шектеулер керек пе? API кілтін алу және өзінің интеграциясын құру.
                
            
        

        
            API кілттерін алу
            Барлық біріктірулер








    
    
        
            ЖҚС
            
                
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 Chat (/ embed/ chat /), Мәтіннен сөйлеуге (/ embed/ tts /), Аударуға (/ embed/ translate /), және Кескіндерді құруға (/ embed/ image /). Әрқайсысы кез келген iframe- де жұмыс істейтін толық функционалды дербес интерфейс.
Иә. iframe- дің ені мен биіктігі атрибуттарын өзгертіңіз. Әртүрлі өлшемдерді қарау үшін және енгізу кодын жаңарту үшін осы парақтағы жоғарыдағы параметрлерді қолданыңыз. Сіз сондай- ақ, әрекетке бейімделген кескіндер үшін width=" 100% "деп орната аласыз.
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.
Жоқ. Iframes парақтарыңыздан бөлек жүктейді. iframe тегіне loading=" lazy "деп жазып, жүктеуді бөлшектің көрінісіне дейін күтіңіз. Бұл бөлшектің API шақыруы тек қонақ оны қолданғанда ғана болады.
Иә. HTML немесе ендіру блоктарын қолдайтын кез келген платформада осы бөлшектер қолданылуы мүмкін. WordPress- те HTML блокын қолданыңыз. Shopify- да Liquid бөлімін қолданыңыз. Squarespace- те Код блокын қолданыңыз.
Иә. Бөлшектердің интерфейстері толық сенімді және телефондар, планшеттер мен үстелдерде жұмыс істейді. Олар 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 Qwen 2. 5 7B- ні қолданады. TTS 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 6,000 free daily tokens. If they happen to be signed in to Free.ai in another tab, they automatically get their higher 30,000-token daily limit.

Embeddable AI Widget

Веб- сайтыңызға бір жолда AI қосуName

Text-to-Speech Widget

Translation Widget

Image Generation Widget

Не істейтіні

Профессордың кеңестері

ЖҚС

Free.ai ендірілетін бөлшегі деген не?

Веб- сайтқа бөлшекті қалай қосуға болады?

Қандай ДНҚ құралын енгізе аламын?

Бөлшектердің өлшемін өзгерте аламын ба?

Бөлшек ақы төленеді ме?

Бұл бөлшегі веб- сайтымды баяулатады ма?

WordPress, Shopify немесе Squarespace-ке бөлшекті енгізе аламын ба?

Бұл бөлшегі мобильді құрылғыларда жұмыс істейді ме?

Реакт немесе Vue қолданбаларына бөлшекті енгізе аламын ба?

Жүйелік бөлшектерді қандай ДНҚ моделі басқарады?

Бұл бөлшегімен API кілтімді қолдана аламын ба?

Көрермендер бөлшектің жұмысын көру үшін Free.ai тіркелгісі керек пе?

Күн сайын 30 000 тегін жетон

Күте тұрыңыз: 30K тегін жетон/күн!

Wan тағы да?