Embeddable AI Widget

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

Додај ВИ на вашата веб- страница во една линија

Внесете Free.ai графички елементи на секоја веб- страница со едноставен </code>. ВИ chat, text- to- speech, translation, and image generation — целосно функционална, не е потребна позадина.</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 графички</h3> <p class="text-muted mb-3">Додадете целосен AI chatbot на вашата веб- страница. Посетителите можат да поставуваат прашања и да добијат моментални одговори на 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 кратенка на тастатурата.



        
        
            
                Виџет за текст- во- говор
                Нека посетителите го претворат текстот во природно-звучен говор.
                
                    
                        Преглед во живо
                        
                    
                    
                        Вметни код
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        & Својства: Кокоро, Пајпер, МелоТТС и Чатербокс модели. Машки и женски гласови.
                    
                
            
        

        
        
            
                Виџет за преведување
                Додај инстант превод на МА на вашата страница. Подржува 450+ јазици преку MadLAD-400.
                
                    
                        Преглед во живо
                        
                    
                    
                        Вметни код
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        & Својства: Авто-детекција на изворниот јазик, 450+ целни јазици, копирање-то-клип-борда, погон од Google MadLAD-400 3B.
                    
                
            
        

        
        
            
                Виџет за генерирање на слики
                Нека посетителите ги генерираат сликите од ВИ директно на вашата веб-страница од текст-наведувачи.
                
                    
                        Преглед во живо
                        
                    
                    
                        Вметни код
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        & Својства: FLUX.2 Клајн и Stable Diffusion XL модели. Повеќекратни односи на аспекти. Симнувајте генерирани слики.
                    
                
            
        

        
        
            
                Како функционира
                
                    
                        
                        1. Копирај го кодот за вграден
Изберете графички елемент над и копирајте ја ознаката за irame.
                    
                    
                        
                        2. Вметни во вашиот HTML
Додадете ја рамката било каде во вашата страница. Работи со било која CMS, рамка или статичка страница.
                    
                    
                        
                        3. Вашите посетители користат ВИ
Виџетот е целосно функционален. Посетителите добиваат бесплатни дневни ограничувања — не е потребен API клуч.
                    
                
            
        

        
        
            
                Проф. совети
                
                    Постави width="100%" за реактивен графички елемент кој го пополнува неговиот контејнер.
                    Додади loading="lazy" во рамката за одложување на вчитувањето додека графичот не се промотува во поглед.
                    Замотај ја рамката во <div> со max-width да ги контролира големите екрани.
                    Сите графички елементи користат Free.ai дневни жетони. Посетителите кои се пријавуваат на Free.ai добиваат уште 12x жетони (30.000 на ден).
                    Сакате повисоки граници за вашиот сајт? Земи 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.
Моментално четири алатки: ВИ Chat (/prombed/chat /), Текст- на- говор (/prombed/tts /), Translation (/prombed/ Translation /) и Generation Image (/prombed/image /). Секој од нив е целосно функционален самостојен интерфејс кој работи во секоја рамка.
Да. Сменете ги атрибутите на ширината и висината на 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.
Не. Ифрамите се вчитуваат независно од вашата страница. Додај го вчитувањето=" мрзливо" на ознаката irame за одложување на вчитувањето додека виџетот не го промотува погледот. Графикот прави API повици само кога посетителот комуницира со неа.
Да. Секоја платформа која ги поддржува сопствените HTML или вградените блокови може да ги користи овие графички елементи. Во WordPress користите сопствен HTML- блок. Во Shopify користите посебен течен дел. Во Squarespace користете код- блок.
Да. Интерфејсите на виџетот целосно одговараат и работат на телефони, таблети и површини. Тие автоматски се приспособуваат на димензиите на рамката.
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 Difusion 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.
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

Додај ВИ на вашата веб- страница во една линија

Виџет за текст- во- говор

Виџет за преведување

Виџет за генерирање на слики

Како функционира

Проф. совети

Прашања

Кој е Free.ai-тиот графички?

Како да го додадам графичето на мојата веб-страница?

Кои алатки за интелигенција да ги вградам?

Може ли да ја прилагодам големината на графичките елементи?

Дали графичката граничка чини нешто?

Дали ќе ми ја забави ли страницата?

Може ли да го вметнам графичето во WordPress, Shopify или Squarespace?

Дали графичот работи на мобилните уреди?

Можам ли да го вградам графичето во апликација React или Vue?

Кои модели на ВИ ги напојуваат графичките елементи?

Може ли да го користам мојот API клуч со графичката?

Дали на посетителите им треба сметка од Free.ai за да го користат графичето?

30.000 бесплатни токови, секој ден

Чекајте — 30 000 бесплатни жетони на ден!

Уште?