Embeddable AI Widget | Free.ai

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

Add AI to Your Website in One Line

Ka haɗa Free.ai widgets a kan kowane shafin yanar gizo tare da </code> mai sauƙi. AI chat, rubutu zuwa magana, fassara, da samar da hoton — aiki gaba ɗaya, babu buƙatar baya.</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>@ action</h3> <div class="row g-3"> <div class="col-md-4"> <label class="form-label small text-muted">_Faɗi</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">_Maida</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">QPrintPreviewDialog</label> <select id="embed-border" class="form-select form-select-sm"> <option value="none" selected>QPrintPreviewDialog</option> <option value="1px solid #e5e7eb">QPrintPreviewDialog</option> <option value="1px solid #000">QPrintPreviewDialog</option> <option value="2px solid #4f46e5">KCharselect unicode block name</option> </select> </div> </div> <button class="btn btn-primary btn-sm mt-3" onclick="updateAllEmbeds()">Update All Previews</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>Comment=Widget na Shawara na AI</h3> <p class="text-muted mb-3">Ƙara wani AI chatbot na cikakke zuwa shafinka na yanar gizo. Masu ziyara na iya tambayar tambayoyi kuma su sami amsoshin AI na gaggawa.</p> <div class="row g-4"> <div class="col-lg-6"> <p class="small fw-semibold mb-2">Preview available</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">


                    
                        Embed Code
                        
                            <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Features: Tattaunawa mai sau-da-sau, Qwen 2.5 7B model, yanayin ajiya, maɓallin shortcut na shigarwa-zuwa-a- aika.



        
        
            
                Widget na rubutu zuwa magana
                Ka bar masu ziyara su maida rubutu zuwa magana mai sauti na halitta. An samu wasu muryoyi da sifofi.
                
                    
                        Preview available
                        
                    
                    
                        Embed Code
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        Features: Kokoro, Piper, MeloTTS, da kuma Chatterbox. Sautuka na namiji da mace. Playback da sauke sauti.
                    
                
            
        

        
        
            
                @ action
                Ƙara fassara AI na gaggawa zuwa shafinka. Ya goyi bayan harsuna 450+ ta hanyar MadLAD-400.
                
                    
                        Preview available
                        
                    
                    
                        Embed Code
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        Features: @ info: status
                    
                
            
        

        
        
            
                @ action
                Ka bar masu ziyara su samar da hotunan AI kai tsaye a kan shafinka daga tambayoyin rubutu.
                
                    
                        Preview available
                        
                    
                    
                        Embed Code
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        Features: FLUX.1 Schnell, Stable Diffusion XL, da kuma Kandinsky models. Multiple aspect ratios. Download generated images.
                    
                
            
        

        
        
            
                Yadda yake aiki
                
                    
                        
                        1. Kafe Ƙididdigar Ƙarawa
Zaɓi wata wijiyayya a sama kuma ka kwafe alamar iframe.
                    
                    
                        
                        2. Dakata zuwa HTML ɗinka
Ƙara iframe a ko ina cikin shafinka. Yana aiki da kowace CMS, framework, ko kuma shafin da ba ya canjawa.
                    
                    
                        
                        3. Masu ziyarar ka amfani da AI
Widget ɗin yana da aiki na gabaɗaya. Masu ziyara suna samun iyaka na yau da kullum kyauta — ba a buƙaci maɓallin API ba.
                    
                
            
        

        
        
            
                Pro Tips
                
                    Dakata width="100%" ga wata widji mai amsawa da ke cika cikinta.
                    @ action loading="lazy" zuwa iframe don jinkirta loda har wizard ya rufe cikin nunawa.
                    @ action <div> da max-width don kula da girma a kan fuska masu girma.
                    Duk wije-wijen suna amfani da Free.ai na yau da kullum token pool. Masu ziyara waɗanda suka shiga zuwa Free.ai suna samun 5x fiye da tokens.
                    @ action Ka karɓi maɓallin API kuma gina wani aikace-aikace haɗin gwiwa.
                
            
        

        
            @ action
            @ action








    
    
        
            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.
A halin yanzu akwai kayan aiki huɗu: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Fassara (/embed/translate/), da kuma Ƙirƙirar Hoto (/embed/image/). Dukkansu suna da wani haɗin gwiwa na musamman wanda yake aiki a cikin kowane iframe.
Na'am. Ka canza siffofin tsayi da tsayi a kan iframe. Ka yi amfani da kulawa na canza siffofin a sama na wannan shafi domin ka yi nazarin girma daban-daban da kuma samun sabon alamun shafi na embed. Za ka iya kuma daidaita tsayi="100%" ga zane-zane masu amsawa.
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 5,000 tokens per day.
Ba. Iframes suna loda kansu daga shafinka. Ka ƙara loading="lazy" zuwa alamar iframe don jinkirta loda har wizard ɗin ya yi taƙaita zuwa gani. Widget ɗin na yi kawai kiran API idan mai ziyara ya yi hulɗa da shi.
Na'am. Duk wani dandamali da ke goyon bayan HTML na musamman ko kuma ƙuƙumma masu ƙunshewa na iya amfani da waɗannan widji. A cikin WordPress, yi amfani da ƙuƙumma ta HTML ta musamman. A cikin Shopify, yi amfani da ɓangaren Liquid na musamman. A cikin Squarespace, yi amfani da ƙuƙumma ta Ƙoɗi.
Na'am. Widji-wijiyoyin suna da saurin amsawa kuma suna aiki akan wayoyin hannu, kwamfutoci, da kwamfyuta. Suna daidaita zuwa girman iframe ta atomatik.
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.
Shawara tana amfani da Qwen 2.5 7B. TTS yana ba da Kokoro, Piper, MeloTTS, da Chatterbox. Fassara tana amfani da MadLAD-400 (450+ harsuna). Yiwa hoton amfani da FLUX.1 Schnell, Stable Diffusion XL, da Kandinsky 2.2. Dukkansu ma'aunin-masu-sauki.
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

Add AI to Your Website in One Line

Widget na rubutu zuwa magana

@ action

@ action

Yadda yake aiki

Pro Tips

FAQ

Mẽne ne Free.ai embeddable widget?

Ta yaya zan ƙara widget din zuwa shafin yanar gizo na?

Waɗanne kayan aiki na AI zan iya embed?

Shin zan iya canza girman widji?

Shin wannan widji na da farashin komai?

Shin wannan widji zai rage gudun shafin yanar gizo na?

Shin zan iya shigar da widget din cikin WordPress, Shopify, ko Squarespace?

Shin widgetin yana aiki a kan na'urori masu motsi?

Shin zan iya canza wurin da ake nuna widget din?

Waɗanne nau'ikan AI ne ke ƙarfafa widji?

Shin zan iya amfani da maɓallin API na na kai tsaye tare da wijiget?

Shin masu ziyara suna buƙatar asusun Free.ai domin amfani da wijiget?

Get 10,000 Free Tokens

Dakata - Ka samu 10K kyauta Tokens!

Shin kanã nufin ƙaryatãwa ne?