Embeddable AI Widget | Free.ai

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

Thêm AI vào trang web của bạn trong một dòng

Bổ sung Free.ai widgets vào bất kỳ trang web nào với một </code> đơn giản. AI chat, text-to-speech, translation, và image generation — chức năng đầy đủ, không cần 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>Tùy chỉnh kích thước nhúng</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Bề rộng (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">Chiều cao (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">Biên</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Không có viền</option> <option value="1px solid #e5e7eb">Biên sáng</option> <option value="1px solid #000">Viền tối</option> <option value="2px solid #4f46e5">Biên giọng điệu</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Cập nhật tất cả xem thử</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>Bộ điều khiển trò chuyện AIName</h3> <p class="text-muted mb-3">Thêm một chatbot AI đầy đủ vào trang web của bạn. Khách truy cập có thể hỏi câu hỏi và nhận được đáp án AI ngay lập tức.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Xem trước trực tiếp</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">


                    
                        Mã nhúng
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Tính năng: Truyền thông đa chiều, Qwen 2.5 7B model, bộ nhớ ngữ cảnh, phím tắt Enter-to-send.



        
        
            
                Thẻ văn bản- nóiName
                Cho phép người xem chuyển đổi văn bản thành giọng nói tự nhiên. Có nhiều giọng nói và mô hình.
                
                    
                        Xem trước trực tiếp
                        
                    
                    
                        Mã nhúng
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Tính năng: Kokoro, Piper, MeloTTS, và các mẫu Chatterbox. Giọng nam và nữ. Bật và tải về âm thanh.
                    
                
            
        

        
        
            
                Thiết bị dịch
                Thêm dịch thuật AI ngay lập tức vào trang web của bạn. Hỗ trợ hơn 450 ngôn ngữ qua MadLAD-400.
                
                    
                        Xem trước trực tiếp
                        
                    
                    
                        Mã nhúng
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Tính năng: Auto-detect source language, 450+ target languages, copy-to-clipboard, powered by Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Thiết bị tạo hình ảnhName
                Cho phép khách truy cập tạo hình ảnh AI trực tiếp trên trang web của bạn từ các yêu cầu văn bản.
                
                    
                        Xem trước trực tiếp
                        
                    
                    
                        Mã nhúng
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Tính năng: FLUX. 1 Schnell, Stable Diffusion XL, và Kandinsky models. Multiple aspect ratios. Download generated images.
                    
                
            
        

        
        
            
                Nó hoạt động thế nào?
                
                    
                        
                        1. Sao chép mã nhúng
Chọn một widget ở trên và sao chép thẻ iframe.
                    
                    
                        
                        2. dán vào HTML của bạn
Thêm iframe ở bất kỳ đâu trên trang của bạn. Hoạt động với bất kỳ CMS, khung, hoặc trang tĩnh nào.
                    
                    
                        
                        3. khách của anh dùng AI
Widget có chức năng đầy đủ. Khách truy cập có giới hạn miễn phí mỗi ngày — không cần khóa API.
                    
                
            
        

        
        
            
                Gợi ý chuyên nghiệp
                
                    Đặt width="100%" cho một widget phản ứng mà lấp đầy kho chứa của nó.
                    Thêm loading="lazy" Đặt vào iframe để trì hoãn tải cho đến khi widget cuộn vào khung xem.
                    Lấp iframe trong <div> với max-width để kiểm soát kích thước trên màn hình lớn hơn.
                    Tất cả các widget sử dụng Free.ai token hàng ngày. Khách truy cập vào Free.ai sẽ nhận được 5 lần token.
                    Muốn giới hạn cao hơn cho trang của bạn không? Lấy chìa khóa API và xây dựng một sự tích hợp tùy chỉnh.
                
            
        

        
            Lấy khóa API
            Tất cả tích hợp








    
    
        
            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.
Hiện tại có bốn công cụ: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/), và Image Generation (/embed/image/). Mỗi công cụ là một giao diện độc lập hoàn toàn có chức năng hoạt động trong bất kỳ iframe nào.
Đúng. Thay đổi thuộc tính chiều rộng và chiều cao trên khung iframe. Dùng các điều khiển tùy chỉnh ở trên cùng trang này để xem trước các kích cỡ khác nhau và lấy mã nhúng cập nhật. Bạn cũng có thể đặt chiều rộng =" 100% "cho các bảng bố trí phản ứng.
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.
Không. Các khung iframe được tải độc lập với trang của bạn. Thêm loading=" lazy "đến thẻ iframe để trì hoãn tải cho đến khi widget cuộn vào khung xem. Widget chỉ gọi API khi khách truy cập tương tác với nó.
Có. Bất kỳ nền tảng nào hỗ trợ HTML tùy chỉnh hoặc khối nhúng có thể sử dụng các widget này. Trong WordPress, dùng khối HTML tùy chỉnh. Trong Shopify, dùng phần Liquid tùy chỉnh. Trong Squarespace, dùng khối mã.
Có. Các giao diện widget có khả năng đáp ứng đầy đủ và hoạt động trên điện thoại, máy tính bảng và máy tính. Chúng tự động thích nghi với kích thước 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 sử dụng Qwen 2.5 7B. TTS cung cấp Kokoro, Piper, MeloTTS, và Chatterbox. Dịch sử dụng MadLAD-400 (450+ ngôn ngữ). Tạo hình sử dụng FLUX.1 Schnell, Stable Diffusion XL, và Kandinsky 2.2. Tất cả các mô hình mã nguồn mở.
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

Thêm AI vào trang web của bạn trong một dòng

Thẻ văn bản- nóiName

Thiết bị dịch

Thiết bị tạo hình ảnhName

Nó hoạt động thế nào?

Gợi ý chuyên nghiệp

FAQ

Free.ai embeddable widget là gì?

Làm thế nào để tôi thêm widget vào trang web của tôi?

Tôi có thể gắn những công cụ AI nào?

Tôi có thể tùy chỉnh kích thước widget không?

Cái widget có tốn tiền không?

Liệu widget có làm chậm trang web của tôi không?

Tôi có thể gắn widget vào WordPress, Shopify, hoặc Squarespace không?

Widget có hoạt động trên thiết bị di động không?

Tôi có thể nhúng widget vào một ứng dụng React hay Vue không?

Những mô hình AI nào làm động cơ cho các widget?

Tôi có thể dùng chìa khóa API của mình với widget không?

Khách đến cần tài khoản Free.ai để sử dụng widget không?

Lấy 10.000 token miễn phí

Chờ đã — Cầm 10K token miễn phí!

Muốn thêm nữa không?