페이지 콘텐츠로 건너뛰기
문서
Make Agent Fast 문서

Framer

Framer 사이트에 고객 상담 AI 에이전트를 추가하세요. 코드 컴포넌트의 제공 상태와 사용자 지정 코드 설치 방법을 확인하고, 공개 도메인을 허용 목록에 등록한 뒤 실제 게시된 페이지에서 위젯과 대화 동작을 점검합니다.

이 페이지 한눈에

Framer 사이트에 고객 상담 AI 에이전트를 추가하세요. 코드 컴포넌트의 제공 상태와 사용자 지정 코드 설치 방법을 확인하고, 공개 도메인을 허용 목록에 등록한 뒤 실제 게시된 페이지에서 위젯과 대화 동작을 점검합니다.

임베드 설치 경로사이트 로더가 호스팅 에이전트 런타임과 통신합니다
내 사이트HTML / app로더 스크립트embed.js위젯 UI채팅/음성에이전트

코드 컴포넌트 제공 상태#

integrations/framer/MakeAgentFast.tsx를 Framer 코드 컴포넌트로 복사한 뒤 게시된 에이전트를 선택합니다. 플랫폼 URL, 위치, 레이블을 설정할 수 있습니다. 이것은 수동으로 복사하는 소스이며 게시된 Framer Marketplace 컴포넌트가 아닙니다. 권한이 있는 소유자가 게시하고 검증한 뒤에만 등록 URL을 안내합니다.

사용자 지정 코드#

사이트 설정 → 사용자 지정 코드에서 body 끝에 표준 로더를 추가합니다.

<script src="https://makeagent.fast/embed.js?v=20261022-open"
        data-agent="YOUR_SITE_SLUG"
        async></script>

테스트하기 전에 게시하세요. Framer 캔버스와 미리보기 호스트는 최종 공개 호스트와 다른 오리진을 사용할 수 있습니다.