Embeddable AI Widget

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

Таны вэбсайтад нэг мөрөөр AI нэмнэ

Ямар ч вэбсайтад энгийн </code> ашиглан Free.ai виджетийг байрлуулна. 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 Chat Widget</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 товчлуурын товчлол.



        
        
            
                Тоглоомын цонхComment
                Зочдыг текстийг ярьдаг дуу болгон хувиргах. Олон дуу хоолой, загварууд бий.
                
                    
                        Тодорхойгүй
                        
                    
                    
                        Нэвтрэх код
                        
                            <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-ээр хангана.
                    
                
            
        

        
        
            
                Зураг үүсгэх хэрэгслүүдName
                Зочид таны вэбсайт дээр текстийн асуултуудаас шууд AI зураг үүсгэх боломж олгоно.
                
                    
                        Тодорхойгүй
                        
                    
                    
                        Нэвтрэх код
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Бүтээгдэхүүн: FLUX.2Клейн болон Stable Diffusion XL загварууд. Олон хэмжээстэй харьцаа. Бүтээгдсэн зургийг татаж авах.
                    
                
            
        

        
        
            
                Яаж ажилладаг вэ
                
                    
                        
                        1. Нэмэлт кодыг хуулбарлах
Доорх элементийг сонгож iframe тэмдгийг хуулбарлаарай.
                    
                    
                        
                        2. HTML- рүүгээ байрлуул
Хуудасны аль ч хэсэгт iframe- ийг нэмнэ. Ямар ч CMS, framework, эсвэл статик сайттай ажиллана.
                    
                    
                        
                        3. Таны зочид AI ашигладаг
Энэхүү хэрэгслийн бүх үүрэг гүйцэтгэнэ. Зочид өдөрт ямар ч хязгааргүй хэрэглэж болно - API түлхүүр шаардахгүй.
                    
                
            
        

        
        
            
                Профессорын зөвлөгөө
                
                    Тоглоом width="100%" Хяналтын самбар
                    нэмэх loading="lazy" iframe- ийг хөтлөхийг хойшлуулахын тулд widget- ийг харах хүртэл нь сунгах.
                    iframe- ийг эргэн тойронд нь эргэх <div> ээр max-width том дэлгэц дээрх хэмжээг хянах.
                    Бүх виджетүүд өдөрт Free.ai тэмдэгт ашигладаг. Free.ai- д бүртгүүлсэн зочид 12 дахин их тэмдэгт (өдөрт 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.
Одоогоор4төрлийн хэрэгслүүд: 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 6,000 tokens per day, and signed-in users get 30,000 tokens per day.
Үгүй. Iframes нь таны хуудаснаас үл хамааран ачаалагддаг. iframe-ийн тегинд loading=" lazy "-ийг нэмж, widget-ийг дэлгэцэнд гарч ирэх хүртэл ачааллыг хойшлуулна. Widget нь зөвхөн зочдын хооронд харилцан үйлчлэлд орох үед 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.
Чат нь 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 нэмнэ

Тоглоомын цонхComment

Зохиогчийн эрх

Зураг үүсгэх хэрэгслүүдName

Яаж ажилладаг вэ

Профессорын зөвлөгөө

Тодорхойгүй асуултууд

Free.ai-ийн нийлэгжүүлэгч гэж юу вэ?

Би яаж вэбсайтдаа энэхүү хэрэгслийг нэмж болох вэ?

Ямар AI хэрэгслийг би оруулж болно?

Би элементийн хэмжээг өөрчилж болох уу?

Энэ хэрэгслийн үнэ хэд вэ?

Энэ хэрэгслийн тусламжтайгаар миний вэбсайт хурдасч байна уу?

Би WordPress, Shopify эсвэл Squarespace дээр widget-ийг байршуулж болох уу?

Энэ хөтчийг гар утас дээр ашиглах уу?

Би React эсвэл Vue програмд энэхүү хөтчийг оруулж болох уу?

Ямар AI загварууд нь widget-уудыг хүчтэй болгодог вэ?

Би өөрийн API түлхүүрийг энэ хөтлөгчтэй ашиглаж болох уу?

Зочид энэ хэрэгслийг ашиглахын тулд Free.ai данстай байх шаардлагатай юу?

Өдөр бүр 30,000 үнэгүй жетон

Зүгээр л хүлээ — өдөрт 30K үнэгүй жетон!

Wan-ийг дахин нээх үү?