Embeddable AI Widget

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

بىر قاتاردا AI نى تور بېتىڭىزگە قوشۇش پروگراممىسى

Free.ai ۋىجىتىلەرنى ھەرقانداق تور بېتىگە ئاددىي </code> ئارقىلىق ئورنىتالايسىز. AI سۆھبەت، تېكىستتىن سۆزگە، تەرجىمە ۋە سۈرەت ھاسىل قىلىش قاتارلىقلار تولۇق ئىقتىدارلىق، ئارقا كۆرۈنۈشكە ئېھتىياج يوق.</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 chatbot قوشۇش پروگراممىسى. زىيارەتچىلەر سوئال سوراي ۋە 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 نىڭ كۈچى بىلەن ئىشلەيدۇ.
                    
                
            
        

        
        
            
                سۈرەت ھاسىل قىلىش قىستۇرمىسى
                زىيارەتچىلەرنىڭ تېكىستتىن تېپىلغان ئۇچۇرلاردىن سىزنىڭ تور بېتىڭىزدە ئەقلىي ئىقتىدارلىق سۈرەتلەرنى تىكلەپ چىقىرىشىغا يول قويۇش.
                
                    
                        ئالدىن كۆزىتىش
                        
                    
                    
                        كودنى ئورنىتىش
                        
                            <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، framework ياكى static تور بېكىتى بىلەن ئىشلەيدۇ.
                    
                    
                        
                        3. زىيارەتچىلىرىڭىز AI نى ئىشلىتىدۇ
بۇ قىستۇرما تولۇق ئىقتىدارلىق. زىيارەتچىلەر كۈندىلىك مۇۋاپىق ساندا بىخەتەر ئىشلىتىش ھوقۇقى ئالىدۇ — API ئاچقۇچىغا ئېھتىياج يوق.
                    
                
            
        

        
        
            
                كەسپىي تەۋسىيە
                
                    تەييارلاش width="100%" كۈتۈۋېلىش رايونىنى تولدۇرىدىغان رېئاكسىيەچان قىستۇرما.
                    قوش loading="lazy" iframe نى ۋىجېت كۆرۈنۈشكە كىرگۈزگەنگە قەدەر ئېچىشنى كېچىكتۈرىدۇ.
                    iframe نى بىر <div> بىلەن max-width چوڭ ئېكراندىكى چوڭلۇقنى كونترول قىلىش.
                    ھەممىسى كۈندىلىك Free.ai توكىلارنى ئىشلىتىدۇ. Free.ai گە كىرگەن زىيارەتچىلەر 12x كۆپ توكىلارنى (كۈندە 30) ئالىدۇ.
                    تور بېتىڭىزنىڭ چەكلىمىلىرىنى يۇقىرىلىماقچىمۇ؟ 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 ياكى embed blocks نى قوللايدىغان ھەر قانداق پلاتفورما بۇ ۋىجېتلارنى ئىشلىتىشكە بولىدۇ. WordPress نىڭ Custom HTML block نى ئىشلىتىڭ. Shopify نىڭ خالىغان Liquid section نى ئىشلىتىڭ. 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 نى ئىشلىتىدۇ. 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.
ئۇنداق ئەمەس. زىيارەتچىلەر ھەر كۈنى 6000 ھەقسىز توكى بىلەن بۇ ئۈسكۈنىنى بىناماز ئىشلىتىشكە بولىدۇ. ئەگەر ئۇلار باشقا بىر بەتتىكى Free.ai نى كىرگۈزۈپ قويسا، ئۇلار ئۆزلۈكىدىن كۈندە 30 توكى چەكلىمىسىگە ئېرىشىدۇ.

Embeddable AI Widget

بىر قاتاردا AI نى تور بېتىڭىزگە قوشۇش پروگراممىسى

تېكىستتىن سۆزگە ئۆزگەرتكۈچ

تەرجىمە قىستۇرمىسى

سۈرەت ھاسىل قىلىش قىستۇرمىسى

قانداق ئىشلەيدۇ

كەسپىي تەۋسىيە

كۆپ سورالغان سوئاللار

Free.ai نىڭ ئورنىتىلغان قىستۇرمىسى نېمە؟

بۇ ۋىجىتنى قانداق قىلىپ تور بېتىمگە قوشىمەن؟

قايسى AI قورالى قوشۇپ قويغىلى بولىدۇ؟

ۋىجىتنىڭ چوڭلۇقىنى ئۆزگەرتەلەيمەنمۇ؟

بۇ ۋىجېت ھېچقانداق ھەق تەلەپ قىلامدۇ؟

بۇ قىستۇرما مېنىڭ تور بېتىمنى ئاستىلاتامدۇ؟

بۇ ۋىجىتنى ۋوردپرەس، Shopify ياكى Squarespace غا كىرگۈزەلەيمەنمۇ؟

بۇ قىستۇرما يانفوندا ئىشلەيدۇمۇ؟

بۇ ۋىجىتنى React ياكى Vue پروگراممىسىغا كىرگۈزەلەيمەنمۇ؟

قانداق AI مودىللىرى بۇ ۋىجىتلارنى كۈچلەندۈرىدۇ؟

بۇ ئۈسكۈنىگە ئۆزۈمنىڭ API ئاچقۇچىنى ئىشلىتىپ بولامدۇ؟

زىيارەتچىلەر بۇ ئۈسكۈنىنى ئىشلىتىش ئۈچۈن Free.ai ھېساباتى بولۇشى كېرەكمۇ؟

ھەر كۈنى 30 ھەقسىز توكى

كۈتۈڭ — كۈندە 30K ھەقسىز توكى!

Wan يەنە بارمۇ؟