Embeddable AI Widget

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

Ho eketsa AI ho websaeteng ea hau ka lebokoseng leng

Embedded Free.ai widgets ka websaeteng efe kapa efe le </code> bonolo. AI chat, lengolo-tsoibila-ho-boprofeta, ho fetolela, le ho theha setšoantšo & mdash; sebetsa ka ho feletseng, ha ho hlokahale 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>Khetha boholo ba ho kenya</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">Bophara (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">Bophahamo (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">Bophara</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>Ha ho lebala</option> <option value="1px solid #e5e7eb">Bophara bo khanyang</option> <option value="1px solid #000">Bophara bo bofubelu</option> <option value="2px solid #4f46e5">Bophara ba sehlooho</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Ho _tlhahisa litlhaku tsohle</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>Widget ea AI Chat</h3> <p class="text-muted mb-3">E-ba le chatbot ea AI e felletseng ho websaeteng ea hau. Baeti ba ka botsa lipotso'me ba fumane likarabo tsa AI kapele.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Bophelo bo botle</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">


                    
                        Kopa Kopa
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Likarolo: Li-multi-turn conversations, Qwen 2.5 7B model, context memory, Enter-to-send keyboard shortcut.



        
        
            
                Widget ea ho bua ka mongolo
                E lumella baeti ho fetola mongolo ho ho bua ka mokhoa o hlakileng. Li-voices le li-models tse ngata li fumaneha.
                
                    
                        Bophelo bo botle
                        
                    
                    
                        Kopa Kopa
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Likarolo: Kokoro, Piper, MeloTTS, le Chatterbox models. Li-voices tsa banna le basali. Ho bapala le ho kenya li-audio.
                    
                
            
        

        
        
            
                Litlhaku
                E eketsa ho fetolela ha AI ho sebaka sa hau. E tšehetsa lipuo tse 450 + ka MadLAD-400.
                
                    
                        Bophelo bo botle
                        
                    
                    
                        Kopa Kopa
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Likarolo: Li-450+ li-languages tse khethehileng, li-copy-to-clipboard, li matlafatsoa ke Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Widget ea ho theha litšoantšo
                Ho etsa hore baeti ba hlahise litšoantšo tsa AI ka kotloloho ho websaeteng ea hau ho tloha ho lipotso tsa mongolo.
                
                    
                        Bophelo bo botle
                        
                    
                    
                        Kopa Kopa
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Likarolo: FLUX.2 Klein le Stable Diffusion XL li-models. Li-aspect ratios tse ngata. Kopitsa litšoantšo tse entsoeng.
                    
                
            
        

        
        
            
                Ho sebetsa joang
                
                    
                        
                        1. Kopa khoutu ea ho kenya
Khetha widget ka holimo'me u kope tag ea iframe.
                    
                    
                        
                        2. Ntlafatsa ho HTML ea hau
E eketsa iframe kae kapa kae ho leqepheng la hau. E sebetsa le CMS efe kapa efe, framework, kapa sebaka se sa fetoheng.
                    
                    
                        
                        3. Baeti ba hao sebelisa AI
Widget e sebetsa ka ho feletseng. Baeti ba fumana liphesente tsa letsatsi le letsatsi tsa mahala - ha ho hlokahale hore ho be le konopo ea API.
                    
                
            
        

        
        
            
                Litlhahiso
                
                    Set width="100%" bakeng sa widget e utloahalang e tlatsang sephutheloana sa eona.
                    _Enya loading="lazy" ho iframe ho khutlisa ho kenya ho fihlela widget e hlaha.
                    Tlosa iframe ka <div> le max-width ho laola boholo ka skrineng se seholo.
                    Li-widgets tsohle li sebelisa pool ea token ea letsatsi le letsatsi ea Free.ai. Baeti ba nang le Free.ai ba fumana tokens tse 12x tse ngata (30,000 / letsatsi).
                    U batla ho ba le liphelelo tse phahameng bakeng sa sebaka sa hau? Fumana konopo ea API le ho theha ho kenyelletsoa ka khethehileng.
                
            
        

        
            Fumana konopo ea API
            Li-Integrations tsohle








    
    
        
            Lipotso tse botsoang khafetsa
            
                
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.
Kajeno ho na le lisebelisoa tse tharo: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/), le Image Generation (/embed/image/). E 'ngoe le e' ngoe ke interface e sebetsang ka ho feletseng e sebetsang ka iframe efe kapa efe.
E-ea. Tlosa litšoaneleho tsa bole le bophahamo ba iframe. Sebelisa lihokela tsa ho hlophisa ka holimo ho leqepheng lena ho bona boholo bo fapaneng le ho fumana khoutu e ncha ea ho kenya. U ka beha le bole ba "100%" bakeng sa li-layouts tse utloahalang.
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.
Ha ho joalo. Li-iframe li ka lokolloa ka ho sa feleng ho tloha ho leqephe la hau. E-ba le loading="lazy" ho tag ea iframe ho khutlisa ho lokolloa ho fihlela widget e theoha ho bona. Widget e etsa li-API feela ha moahi a e sebelisa.
Ee. Platform efe kapa efe e fanang ka HTML ea khethehileng kapa li-blocks tsa embed e ka sebelisa li-widgets tsena. Ka WordPress, sebelisa li-block tsa HTML tsa Custom. Ka Shopify, sebelisa karolo ea Liquid e khethehileng. Ka Squarespace, sebelisa Code Block.
Ee. Li-widgets li sebetsa ka botlalo'me li sebetsa ka lifono, li-tablet le li-desktop. Li ikamahanya le boholo ba iframe ka ho toba.
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 e sebelisa Qwen 2.5 7B. TTS e fana ka Kokoro, Piper, MeloTTS, le Chatterbox. Ho fetolela ho sebelisa MadLAD-400 (li-language tse fetang 450). Ho theha litšoantšo ho sebelisa FLUX.1 Schnell, Stable Diffusion XL, le Kandinsky 2.2. Li-models tsohle li fumaneha.
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.
Ha ho joalo. Baeti ba ka sebelisa widget ka ho sa tsejoeng le 6,000 tokens letsatsi le letsatsi mahala. Haeba ba etsa hore ba kene ho Free.ai ka tab e 'ngoe, ba tla fumana ka ho toba 30,000-token letsatsi le letsatsi ho feta.

Embeddable AI Widget

Ho eketsa AI ho websaeteng ea hau ka lebokoseng leng

Widget ea ho bua ka mongolo

Litlhaku

Widget ea ho theha litšoantšo

Ho sebetsa joang

Litlhahiso

Lipotso tse botsoang khafetsa

Ke eng widget e ka kenngoeng ea Free.ai?

Ke tla eketsa widget joang marang-rang a ka?

Ke lisebelisoa life tsa AI tseo ke ka li embedding?

Na ke ka fetola boholo ba widget?

Na widget e na le theko?

Na widget e tla fokotsa lebelo la sebaka sa ka sa marang-rang?

Na ke ka beha widget ka WordPress, Shopify, kapa Squarespace?

Na widget e sebetsa ka li-mobile devices?

Na ke ka beha widget kahare ho React kapa Vue app?

Na li-widgets li matlafatsoa ke li-models tsa AI?

Na ke ka sebelisa konopo ea ka ea API le widget?

Na baeti ba hloka ak'haonte ea Free.ai ho sebelisa widget?

30,000 Tokens Free, letsatsi le leng leng

E-ea - 30K tokens mahala / letsatsi!

Wanha ho letho le eketsehileng?