Embeddable AI Widget
Add AI chat, TTS, or any tool to your website with one line of code.
AI를 웹사이트에 한 줄로 추가
간단한
코드 삽입
<iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>
기능: 다중 회전 대화, Qwen 2.5 7B 모델, 문맥 메모리, 입력 보내기 키보드 단축키.
Text-to-Speech Widget
방문자가 텍스트를 자연스럽게 들리는 음성으로 변환할 수 있습니다.
실시간 미리 보기
코드 삽입
<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.2 Klein 및 Stable Diffusion XL 모델. 여러 화면 비율. 생성된 이미지 다운로드.
어떻게 작동하는지
1. 임베디드 코드 복사
위의 위젯을 선택하고 iframe 태그를 복사하십시오.
2. HTML에 붙여넣기
페이지의 어디든지 iframe을 추가하세요. 모든 CMS, 프레임워크 또는 정적 사이트에서 작동합니다.
3. 방문자가 AI를 사용합니다
위젯은 완전히 기능합니다. 방문자는 무료 일일 한도를 얻을 - API 키가 필요하지 않습니다.
프로 팁
- 셋
width="100%"컨테이너를 채우는 응답형 위젯에 대한 명령입니다. - 추가
loading="lazy"위젯이 보기로 스크롤될 때까지 로딩을 지연하기 위해 iframe에 붙여넣습니다. - 메뉴 열기
<div>로max-width큰 화면에서 크기를 조절하기 위해서입니다. - 모든 위젯은 Free.ai 일일 토큰 풀을 사용합니다. 확인 Free.ai 계정을 가진 방문자는 5 배 더 많은 토큰을 얻을 (30,000/day).
- 사이트에 대한 더 높은 한도를 원하십니까? 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.
현재 네 가지 도구: AI Chat (/ 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 6,000 tokens per day, and signed-in users get 30,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.
방문자는 6,000개의 무료 일일 토큰으로 익명으로 위젯을 사용할 수 있습니다. 만약 다른 탭에서 Free.ai에 로그인을 하면, 자동으로 30,000개의 토큰의 높은 일일 한도를 받게 됩니다.