Embeddable AI Widget | Free.ai

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

한 줄로 웹사이트에 AI 추가

간단한 </code>로 Free.ai개의 위젯을 웹사이트에 삽입할 수 있습니다. AI 채팅, 텍스트-음성, 번역, 이미지 생성 — 완벽한 기능, 백엔드가 필요하지 않습니다.</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 채팅 위젯</h3> <p class="text-muted mb-3">웹사이트에 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 키보드 단축키.



        
        
            
                텍스트- 음성 위젯Name
                방문자가 텍스트를 자연스럽게 들리는 음성으로 변환할 수 있습니다.
                
                    
                        라이브 미리보기
                        
                    
                    
                        코드 삽입
                        
                            <iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>
                        
                        
                        기능: Kokoro, Piper, MeloTTS, Chatterbox 모델. 남성과 여성 음성. 오디오 재생 및 다운로드.
                    
                
            
        

        
        
            
                번역 위젯
                귀하의 사이트에 인스턴트 AI 번역을 추가합니다. MadLAD-400을 통해 450 개 이상의 언어를 지원합니다.
                
                    
                        라이브 미리보기
                        
                    
                    
                        코드 삽입
                        
                            <iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
                        
                        
                        기능: 자동으로 소스 언어를 감지, 450 + 대상 언어, 클립보드에 복사, Google MadLAD-400 3B에 의해 구동.
                    
                
            
        

        
        
            
                이미지 생성 위젯
                방문자가 텍스트 프롬프트에서 웹사이트에서 직접 AI 이미지를 생성할 수 있도록 합니다.
                
                    
                        라이브 미리보기
                        
                    
                    
                        코드 삽입
                        
                            <iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>
                        
                        
                        기능: FLUX.1 Schnell, Stable Diffusion XL, Kandinsky 모델. 여러 화면 비율. 생성된 이미지 다운로드.
                    
                
            
        

        
        
            
                어떻게 작동하는지
                
                    
                        
                        1. 임베디드 코드를 복사
위의 위젯을 선택하고 iframe 태그를 복사하십시오.
                    
                    
                        
                        2. HTML에 붙여넣기
페이지의 어디에나 iframe을 추가할 수 있습니다. 모든 CMS, 프레임워크 또는 정적 사이트에서 작동합니다.
                    
                    
                        
                        3. 방문자가 AI를 사용합니다
위젯은 완전히 기능합니다. 방문자는 무료로 일일 제한을 얻을 수 있습니다 - API 키가 필요하지 않습니다.
                    
                
            
        

        
        
            
                프로 팁
                
                    셋 width="100%" 컨테이너를 채우는 응답형 위젯에 대한 명령입니다.
                    추가 loading="lazy" 위젯이 보기로 스크롤될 때까지 로딩을 지연시키려면 iframe에 붙여넣습니다.
                    메뉴에서 찾기 <div> 로 max-width 큰 화면에서 크기를 제어하기 위해.
                    모든 위젯은 Free.ai 일일 토큰 풀을 사용합니다. Free.ai에 로그인하는 방문자는 5 배 더 많은 토큰을 얻을 수 있습니다.
                    귀하의 사이트에 대한 더 높은 한도를 원하십니까? API 키 가져오기 맞춤형 통합을 구축할 수 있습니다.
                
            
        

        
            API 키 가져오기
            모든 통합








    
    
        
            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.
현재 네 가지 도구가 있습니다: AI 채팅 (/embed/chat/), 텍스트-투-음성 (/embed/tts/), 번역 (/embed/translate/), 이미지 생성 (/embed/image/). 각각은 모든 iframe에서 작동하는 완전한 기능의 독립형 인터페이스입니다.
예. iframe의 너비와 높이 속성을 변경하세요. 이 페이지 상단의 사용자 정의 컨트롤을 사용하여 다른 크기를 미리보고 업데이트된 임베디드 코드를 가져올 수 있습니다. 응답 레이아웃을 위해 width="100%"를 설정할 수도 있습니다.
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.
아니요. iframe은 페이지와 독립적으로 로드됩니다. iframe 태그에 loading="lazy" 를 추가하면 위젯이 보이게 될 때까지 로드를 지연시킬 수 있습니다. 방문자가 위젯과 상호 작용할 때만 위젯이 API 호출을 합니다.
예. 사용자 지정 HTML 또는 임베디드 블록을 지원하는 모든 플랫폼에서 이러한 위젯을 사용할 수 있습니다. 워드프레스에서는 사용자 지정 HTML 블록을 사용합니다. Shopify에서는 사용자 지정 Liquid 섹션을 사용합니다. Squarespace에서는 코드 블록을 사용합니다.
예. 위젯 인터페이스는 완전히 응답하며 휴대폰, 태블릿 및 데스크탑에서 작동합니다. 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.
채팅은 Qwen 2.5 7B를 사용합니다. TTS는 Kokoro, Piper, MeloTTS, Chatterbox를 제공합니다. 번역은 MadLAD-400 (450개 이상의 언어)을 사용합니다. 이미지 생성은 FLUX.1 Schnell, Stable Diffusion 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 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

한 줄로 웹사이트에 AI 추가

텍스트- 음성 위젯Name

번역 위젯

이미지 생성 위젯

어떻게 작동하는지

프로 팁

FAQ

Free.ai 임베디드 위젯은 무엇입니까?

내 웹사이트에 위젯을 추가하려면 어떻게 합니까?

어떤 AI 도구를 포함할 수 있습니까?

위젯 크기를 사용자 정의할 수 있나요?

위젯은 무엇이든 비용이 듭니까?

위젯이 내 웹사이트 속도를 늦출까요?

워드프레스, Shopify 또는 Squarespace에 위젯을 포함할 수 있습니까?

위젯이 모바일 장치에서도 작동합니까?

React 또는 Vue 앱에 위젯을 포함할 수 있습니까?

위젯은 어떤 AI 모델을 사용합니까?

내 API 키를 위젯에 사용할 수 있나요?

방문자가 위젯을 사용하려면 Free.ai 계정이 필요합니까?

10,000 무료 토큰 받기

기다려요 — 10K 무료 토큰 받기!

더 먹고 싶어?