Webflow를 위한 디자이너 친화적 AI 챗봇
Webflow 내장 커스텀 코드 섹션을 사용해 몇 분 만에 Webflow 사이트에 RAG 기반 AI 챗봇을 추가하세요. 위젯은 Webflow 디자인에 맞게 완전히 커스터마이징 가능하며, Webflow Designer를 떠나지 않고 설정을 완료할 수 있습니다.
Why Use Chatloom on Webflow?
Purpose-built AI chat for Webflow websites and applications.
네이티브 커스텀 코드 통합
Webflow의 Project Settings 커스텀 코드 섹션에 Chatloom 임베드 스크립트를 붙여넣으세요. 다음 게시 시 사이트 전체에 배포됩니다. 별도의 임베드 컴포넌트나 우회 방법이 필요 없습니다.
디자이너 친화적 커스터마이징
챗봇 위젯의 색상, 위치, 런처 스타일을 Webflow 디자인 시스템에 맞게 설정하세요. 위젯은 기존 스타일을 덮어쓰지 않고 시각적 아이덴티티를 존중합니다.
콘텐츠 인식 AI 응답
URL을 제공하여 Webflow 사이트 콘텐츠로 챗봇을 학습시키세요. RAG 엔진이 페이지를 크롤링하여 방문자 질문에 정확하고 맥락에 맞는 답변을 제공합니다.
성능 영향 제로
위젯 스크립트는 Webflow 페이지 렌더링 후 비동기적으로 로딩되므로 Lighthouse 점수나 방문자 경험에 영향을 주지 않습니다.
How to Add Chatloom to Webflow
Get up and running in minutes with these simple steps.
Chatloom 에이전트 생성
무료 Chatloom 계정에 가입하고 에이전트를 만들어 Webflow 사이트 URL을 붙여넣으면 콘텐츠 기반 지식 베이스가 자동으로 학습됩니다.
임베드 스크립트 복사
Chatloom 대시보드의 Widget 섹션에서 한 줄 JavaScript 임베드 스니펫을 복사합니다.
Webflow 커스텀 코드에 추가
Webflow에서 Project Settings > Custom Code > Footer Code로 이동하여 Chatloom 스크립트를 붙여넣고 저장합니다.
Webflow 사이트 게시
Webflow에서 Publish를 클릭합니다. AI 챗봇이 사이트의 모든 페이지에서 가동되어 방문자 응대와 질문에 대한 답변을 시작합니다.
Features for Webflow
Everything you need to add AI-powered chat to your Webflow site.
- Webflow 커스텀 코드 섹션을 통한 한 줄 임베드
- Webflow 사이트 콘텐츠 기반 RAG 응답
- 디자인 시스템에 맞는 완전한 위젯 커스터마이징
- Lighthouse 영향 없는 비동기 로딩
- 글로벌 방문자를 위한 다국어 지원
- 대화 분석 및 상담원 전환
Frequently Asked Questions
- Webflow 사이트에 챗봇을 어떻게 추가하나요?
- Webflow의 Project Settings를 열고 Custom Code 탭에서 Footer Code 필드에 Chatloom 임베드 스크립트를 붙여넣습니다. 사이트를 게시하면 모든 페이지에서 챗봇이 작동합니다.
- Webflow CMS 컬렉션과 호환되나요?
- 네. Chatloom 크롤러는 CMS 컬렉션 페이지, 블로그 게시물, 정적 페이지를 포함한 Webflow 사이트 전체를 인덱싱할 수 있습니다. 챗봇은 모든 게시된 콘텐츠를 기반으로 답변합니다.
- 특정 페이지에만 챗봇을 추가할 수 있나요?
- 네. Project Settings(사이트 전체)에 스크립트를 추가하는 대신, Webflow의 페이지 수준 커스텀 코드를 사용하여 특정 페이지에만 챗봇을 추가할 수 있습니다.
- Webflow 사이트 속도에 영향을 주나요?
- 아닙니다. Chatloom 임베드 스크립트는 페이지 콘텐츠 이후 비동기적으로 로딩되며 렌더링을 차단하지 않습니다. Webflow 사이트 성능에 측정 가능한 영향이 없습니다.
Related Resources
Disclaimer: 모든 플랫폼 정보는 2026년 초 기준 공개적으로 이용 가능한 데이터를 기반으로 하며 변경되었을 수 있습니다. 기능과 성능은 대략적인 수치입니다. 항상 각 플랫폼의 공식 웹사이트에서 최신 정보를 확인하시기 바랍니다. 모든 제품명은 해당 소유자의 자산입니다.