Embeddable AI Widget

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 giới</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">Biên tối</option> <option value="2px solid #4f46e5">Biên giới đậm</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>Thiết bị Chat AI</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 câu trả lời 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.



        
        
            
                Thiết bị 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. Nhiều giọng nói và mô hình có sẵn.
                
                    
                        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 hàng tạo ra 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.2 Klein và Stable Diffusion XL mô hình. Nhiều tỷ lệ chiều. Tải về hình ảnh được tạo ra.
                    
                
            
        

        
        
            
                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 đăng nhập vào Free.ai sẽ nhận được 12x token (30, 000/ ngày).
                    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








    
    
        
            Câu hỏi thường gặp
            
                
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 6,000 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 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

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

Thiết bị 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

Câu hỏi thường gặp

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ể nhúng 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 ứng dụng React hay Vue không?

Những mô hình AI nào làm cho widget hoạt động?

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

Có cần phải có tài khoản Free.ai để dùng widget không?

30,000 token miễn phí, mỗi ngày

Khoan đã — 30K token miễn phí/ngày!

Không còn nữa?